WordPress播放器Html5视频插件:MediaElement.js – HTML5 Video & Audio Player

泥人传说
泥人传说
泥人传说
900
文章
112
评论
2017-01-0304:48:59
评论
2,429 1929字

HTML5 Video
Mediaelement.js是一款HTML5视频和Flash兼容的音频播放器,支持IE,Firefox,Opera,Safari,Chrome和iPhone,ipad、Andriod等移动端。支持MP4,OGG,MP3,WMV,WebM,WAV,WMA文件格式以及与websrt文件标题。

WordPress播放器Html5视频插件:MediaElement.js – HTML5 Video & Audio Player 建站程序 第1张-泥人传说

WordPress播放器Html5视频插件:MediaElement.js – HTML5 Video & Audio Player

插件后台搜索: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

  • 本文由 发表于 2017-01-0304:48:59
  • 转载请务必保留本文链接:http://nrcs.xyz/software-install/cms/523.html
WordPress 自动为文章添加已使用过的标签 WEB技术

WordPress 自动为文章添加已使用过的标签

看到这个标题,是不是觉得很神奇? 没有了,其实道理很简单: 通过检测wordperss的标签库当中的标签与文章当中的内容进行对比,如果有相同的,则将这些词添加进当前文章的Tag标签与文章页的关键词当中...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: