带Flash后备的JW Player 7 HTML5主要版本

时间:2015-10-02 12:51:01

标签: html5 flash jwplayer jwplayer7

通过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;
&#13;
&#13;

在IE9中,它提供错误加载媒体:无法播放文件。

在Flash渲染中,您无法使用视频时间轴。那是因为玩家依赖原生的HTML5搜索方法吗?

0 个答案:

没有答案