jwplayer进阶HTML5

最新推荐文章于 2021-07-14 20:38:34 发布

cjsafty

最新推荐文章于 2021-07-14 20:38:34 发布

阅读量1.3w

点赞数

分类专栏： python-web 文章标签： html5 流媒体服务器 download html flash chrome

本文链接：https://blog.csdn.net/cjsafty/article/details/7893486

版权

python-web 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

上一篇文章写了：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" }
]

cjsafty

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
jwplayer进阶HTML5

上一篇文章写了：nginx+webpy+uswgi+jwplayer组合搭建流媒体服务器主要是描述了整体搭建方法，以及使用jwplayer在flash方面的应用。如果想基于HTML5做HTTP伪媒体流服务器也可以。简单的改下HTML代码即可 Loading the player ... jwplayer("con
复制链接

扫一扫

专栏目录