在页面插入视频

这周的主要问题是：将原来公司的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流媒体服务器

研究中。。。。。。