通过JW Player docmentation我看到许多使用HTML5后备的Flash渲染示例,但没有HTML5作为主要播放方法。
我问的原因是因为我们希望能够为拥有HTML5支持的用户提供我们的高级功能,同时不会将我们的客户端排除在较旧的浏览器之外(IE8,IE9)
我在IE9中尝试了以下但没有成功:
<!--Course Video, Scripts and Style-->
<script type="application/javascript" src="http://dbt8c2ssdzlxg.cloudfront.net/scripts/jwplayer.js"></script>
<script type="application/javascript" src="http://dbt8c2ssdzlxg.cloudfront.net/scripts/jwplayer_license.js"></script>
<link rel="stylesheet" href="http://dbt8c2ssdzlxg.cloudfront.net/scripts/player.css" type="text/css" media="screen" />
<div id="visualSPPlayer">Loading the player...</div>
<script type="text/javascript">
jwplayer("visualSPPlayer");
jwplayer().setup({
playlist: [{
image: "http://dbt8c2ssdzlxg.cloudfront.net/posters/screen_capture.PNG",
sources: [{
file: "http://dbt8c2ssdzlxg.cloudfront.net/Search2013.mp4"
}, {
file: "rtmp://s3grslva6x807n.cloudfront.net/cfx/st/mp4:Videos/Search2013.mp4"
}],
tracks: [{
file: "http://dbt8c2ssdzlxg.cloudfront.net/captions/Search/Captions.srt",
kind: "captions"
}, {
file:"http://dbt8c2ssdzlxg.cloudfront.net/chapters/Search/Chapters.vtt",
kind:"chapters"
}, {
file: "http://dbt8c2ssdzlxg.cloudfront.net/thumbnails/search_thumbnails.vtt",
kind: "thumbnails"
}]
}],
width: "100%",
aspectratio: "16:9",
primary: "HTML5",
skin: {
name: "vapor",
active: "#E16933",
inactive: "#E16933",
background: "#333333"
}
});
</script>
&#13;
在IE9中,它提供错误加载媒体:无法播放文件。
在Flash渲染中,您无法使用视频时间轴。那是因为玩家依赖原生的HTML5搜索方法吗?