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

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

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

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

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

常规用法（视频）

1	[video src="http://mysite.com/mymedia.mp4" width="640" height="360"]

常规用法（音频）

1	[audio src="http://mysite.com/mymedia.mp3"]

简码选项

备选方案

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

1 2	[mejsvideo src="http://mysite.com/mymedia.mp4" width="640" height="360"] [mejsaudio src="http://mysite.com/mymedia.mp3"]

type

媒体的资源类型

1	[video src="http://mysite.com/mymedia.mp4" type="video/mp4"]

mp4

1	[video mp4="http://mysite.com/mymedia.mp4"]

mp3

1	[audio mp3="http://mysite.com/mymedia.mp3"]

ogg

1	[video ogg="http://mysite.com/mymedia.ogg"]

webm

1	[video webm="http://mysite.com/mymedia.webm"]

poster

设置视频海报

1	[video poster="http://mysite.com/mymedia.png"]

width

视频宽度

1	[video width="640"]

height

视频高度

1	[video height="264"]

loop

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

1	[video src="http://mysite.com/mymedia.mp4" loop="true"]

preload

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

1	[video preload="true"]

autoplay

自动播放

1	[video autoplay="true"]

fullscreen

禁用全屏按钮，false为禁用

1	[video src="http://mysite.com/mymedia.mp4" fullscreen="false"]

duration

禁用持续时间

1	[video src="http://mysite.com/mymedia.mp4" duration="false"]

volume

禁用音量滑块

1	[video src="http://mysite.com/mymedia.mp4" volume="false"]

progress

禁用进度条

1	[video src="http://mysite.com/mymedia.mp4" progress="false"]

captions

为视频加载字幕文件

1	[video src="http://mysite.com/mymedia.mp4" captions="http://mysite.com/mymedia.srt"]

Simple Video

基本的播放选项

1	[video src="http://mysite.com/mymedia.mp4" width="640" height="360"]

All Attributes Video

启用所有选项

1	[video mp4="http://mysite.com/mymedia.mp4" ogg="http://mysite.com/mymedia.ogg" webm="http://mysite.com/mymedia.webm" poster="http://mysite.com/mymedia.png" preload="true" autoplay="true" width="640" height="264"]

Simple Audio