当前位置：首页 > 网页特效 > 视频播放 >

MediaElement HTML5 影片控制和

时间：2013-04-15 11:15 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

效果预览进入下载地址列表

如何运作

闪存秋季转发

现代浏览器和一个完全独立的Flash播放器提供了一个HTML5播放器，旧的浏览器，而是MediaElement.js升级与自定义Flash和Silverlight插件模仿HTML5 MediaElement的API的。

魔术发生，然后IE6-8支持影片控制和<AUDIO>的，火狐和Opera支持h.264，Safari和IE9支持的WebM（*如果Adobe是一个很好的承诺，在Flash支持VP8）。

一致的HTML / CSS的播放器

一旦浏览器已经升级，让他们所有的“支持”HTML5，MediaElement的构建一个完全可换肤的播放器的功能，如支持元素的 <track>，全屏视频，甚至流光溢彩。

你的访问者获得一致的体验，不管什么样的编解码器和插件的浏览器支持。你成为一个疯狂的天才HTML5。

示例与插件

您可以控制显示控制栏上的按钮设置{功能：['是playpause'，'背光']}阵列（见下文）。

您也可以添加自己的插件，如背光下面的例子。

回路简单的循环按钮

自动翻译中翻译<track>元素
（由谷歌翻译）

POSTROLL

的背光模仿菲利普斯流光溢彩
（仅适用于HTML5）

的YouTubeYouTube的API

加快调整播放速度
（仅适用于HTML5）

浏览器和设备的支持

	IE9 +	IE6-8	Safari浏览器	铬	的iOS	Android的	WP7
仅适用于H.264				3			本地人
仅WebM的	1	Flash11 ²	Flash11 ²		-	-	-
的WebM + H.264							本地人
WMV					-	-	本地人
FLV					-		-
MP3						本地人	本地人
YouTube的

附注：

IE9将发挥VP8/WebM本身，但只有在编解码器安装。否则，Flash（见注2）是必要的。
Adobe已经承诺在未来版本的Flash（2010年5月再次2011年6月），这将使在Safari（可能永远支持WebM）及以上的浏览器播放支持的WebM。到目前为止，它仅仅是一个承诺：（
谷歌已经承诺支持H.264铬镀铬等哪天需要安装Flash播放H.264 删除。

安装

Setup MIME-types

On Linux/Apache servers, create a filed called .htaccess with the following text and upload it to the root of your website

 
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

On Windows/IIS servers, pleaes follow Microsoft's instructions on how to add/edit MIME types on IIS6 and IIS7.

Setup for Local Files (and Flash)

If you are working with local files and plan to test Flash playback, make sure you go to the Flash Security Settings page and add your working directory. Also, things tend to work best when you use absolute paths.