HTML5 Video
Mediaelement.js是一款HTML5视频和Flash兼容的音频播放器,支持IE,Firefox,Opera,Safari,Chrome和iPhone,ipad、Andriod等移动端。支持MP4,OGG,MP3,WMV,WebM,WAV,WMA文件格式以及与websrt文件标题。
插件后台搜索:media-element-html5-video-and-audio-player
使用方法
注:以下短码为了防止转义,我都将“[”替换成“【”了,请各位使用的适合自行修改成“[“
视频标准格式短代码
Default
1
【video src="相对数径/mymedia.mp4" width="640" height="360"]
音频标准格式短代码
Default
1
【audio src="相对数径/mymedia.mp3"]
短代码兼容解决办法
如果你有一个插件与mediaelement.js插件冲突,也可以用以下短码来实现:
Default
1
2
【mejsvideo src="相对数径/mymedia.mp4" width="640" height="360"]
【mejsaudio src="相对数径/mymedia.mp3"]
src
这个位置插入任何音频或视频文件的地址
Default
1
【video src="相对数径/mymedia.mp4"]
如果没有后缀,mediaelement.js插件也会自动寻找匹配的文件名(mymedia.mp4,mymedia.webm等)
Default
1
【video src="相对数径/mymedia"]
type
资源的媒体类型
Default
1
【video src="相对数径/mymedia?xyz" type="video/mp4"]
mp4
视频的h.264/mp4源的位置。
Default
1
【video mp4="相对数径/mymedia.mp4"]
mp3
音频mp3的位置
Default
1
【audio mp3="相对数径/mymedia.mp3"]
OGG
Ogg Theora的位置的视频源。
Default
1
【video ogg="相对数径/mymedia.ogg"]
WebM
VP8 / WebM视频源的位置。
Default
1
【video webm="相对数径/mymedia.webm"]
loop
播完后重新播放
Default
1
【video src="相对数径/mymedia.mp4" loop="true"]
preload
在用户点击播放前进行预加载视频。
Default
1
【video preload="true"]
autoplay
自动播放视频。
Default
1
【video autoplay="true"]
fullscreen
禁用全屏按钮
Default
1
【video src="相对数径/mymedia.mp4" fullscreen="false"]
duration
禁止输出时间
Default
1
【video src="相对数径/mymedia.mp4" duration="false"]
volume
禁止调整音量
Default
1
【video src="相对数径/mymedia.mp4" volume="false"]
progress
禁用进度条
Default
1
【video src="相对数径/mymedia.mp4" progress="false"]
captions
WebSRT 字幕的URL地址
Default
1
【video src="相对数径/mymedia.mp4" captions="相对数径/mymedia.srt"]
All Attributes Video
视频所有属性启用
Default
1
【video mp4="相对数径/mymedia.mp4" ogg="相对数径/mymedia.ogg" webm="相对数径/mymedia.webm" poster="相对数径/mymedia.png" preload="true" autoplay="true" width="640" height="264"]
All Attributes Audio
音频所有属性启用
Default
1
【audio mp3="相对数径/mymedia.mp3" ogg="相对数径/mymedia.ogg" preload="true" autoplay="true"]
在模板中使用
你可以使用WordPress的短码在你的模板中实现。
Default
1
评论