jwplayer进阶HTML5

上一篇文章写了:nginx+webpy+uswgi+jwplayer组合搭建流媒体服务器

主要是描述了整体搭建方法,以及使用jwplayer在flash方面的应用。

如果想基于HTML5做HTTP伪媒体流服务器也可以。简单的改下HTML代码即可

<html>  
  
<head>  
<script type="text/javascript" src="/static/jwplayer.js"></script>  
  
</head>  
  
<body>  
  
<div id="container">Loading the player ...</div>  
<script type="text/javascript">  
    jwplayer("container").setup({  
        flashplayer: "/static/player.swf",  
        file: "/static/video.mp4",  
        height: 622,  
                width:1104,  
                stretching : 'fill',  
                streamer:"start",  
                provider:"http",
               modes :[
                 {type:"html5"}
                ]
});  
</script>  
</body>  
</html>  


以上上述HTML代码配合nginx,即可实现HTML5方式。可以在chrome中做试验。但是要符合HTML5的视频格式规范,比如我这里是mp4的。


如果要实现fallback功能,即按照HTML5,flash,download的顺序进行。则HTML代码应该如下所示

modes: [
{ type: "html5" },
{ type: "flash", src: "/static/player.swf" },
{ type: "download" }
]



你可能感兴趣的:(html,html5,chrome,Flash,download,流媒体服务器)