这周的主要问题是:将原来公司的wordpress网站上的一个视频替换掉(原因:原来的视频时通过链接直接连接到腾讯视频,有水印,带广告)
解决方案:
一、通过直接页面嵌入flash播放器
原因:wordpress不支持HTML5,只好选择flash播放
方案:在页面加入flash播放器,视频资源通过链接载入
代码:
<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2Fbig-buck-bunny_poster.jpg',{'url':'http%3A%2F%2Fclips.vorwaerts-gmbh.de%2Fbig_buck_bunny.mp4','autoPlay':false}]}" />
</object>
注意:playlist是一个数组,第一个参数是视频封面的图片,第二个是视频资源位置,第三个是自动播放
缺点:缓冲较慢,未缓冲资源不支持进度条拖动
二、使用red5流媒体服务器
研究中。。。。。。