MediaElement.js – HTML5 音频/视频播放器插件 简码

/ 7评 / 0

MediaElement.js - HTML5 音频/视频播放器插件 简码

昨天想给博客加一个音频播放器,找了半天都没找到好用的,也不想用哪些都用烂了的播放器- -!,所以找了个国外的插件,这个插件简单,设置也方便,不过此款插件主打的是HTML5,所以对于老版本的浏览器不怎么支持,虽然插件描述上说的是有后备播放器,但是据测试IE7是无法播放的。

不过此插件虽然小,但是支持的格式还是蛮多的,支持: MP4, OGG, WebM, WMV, MP3, WAV, WMA 文件,而且还支持SRT字幕文件哦!

恩....插件都是通过简码调用的所以,今天在这写篇博文记录一下简码,简码略多啊,不写下来怕是记不住啊。

常规用法(视频)

常规用法(音频)

简码选项

备选方案

如果有其他插件和上面的简码有所冲突,可以使用下面这个简码替代。

type

媒体的资源类型

mp4

mp3

ogg

webm

poster

设置视频海报

width

视频宽度

height

视频高度

loop

是否开启循环 true 为开启,false为不开启

preload

预加载,用户点击播放按钮之前预加载

autoplay

自动播放

fullscreen

禁用全屏按钮,false为禁用

duration

禁用持续时间

volume

禁用音量滑块

progress

禁用进度条

captions

为视频加载字幕文件

Simple Video

基本的播放选项

All Attributes Video

启用所有选项

Simple Audio

基本的播放选项

All Attributes Audio

启用所有选项

下面上测试效果一个:

7条回应:“MediaElement.js – HTML5 音频/视频播放器插件 简码”

  1. 站长qq多少 交流下哈

  2. keven说道:

    好奇能否多段视频自动连续播放。

  3. kslr说道:

    title “关注联网”?

  4. kslr说道:

    忘了,插不成代码… audio标签

  5. kslr说道:

    有html5标签可以用,
    Your browser does not support the audio tag.

发表评论

电子邮件地址不会被公开。 必填项已用*标注