网站设计中引用优酷视频全屏播放自动播放去除广告的方案

今天在有个网站设计完成后,客户要求在网页上引用优酷的视频并且提出以下几个要求:


1.网页中引用的优酷视频要能全屏播放


2.网页中引用的优酷视频要能自动播放


3.网页中引用的优酷视频要能去除广告


经过多方搜索发现其实是可以实现的。下面就一一介绍下实现的方法

1.网页中引用的优酷视频要能全屏播放 这个最简单


只需要在引用的EMBED里加入  allowfullscreen="true"  就可以实现全屏播放


2.网页中引用的优酷视频要能自动播放 这个会比较麻烦点


需要增加 这串代码到EMBED里面,可以实现不显示相关视频,不显示广告,自动播放,等但是真正要去除优酷的广告难度还是比较大的,这串代码无法实现去除优酷广告的功能。还需要后面的方法才能实现

flashvars="isShowRelatedVideo=false&showAd=0&isAutoPlay=true&isDebug=false&UserID=

&winType=interior&playMovie=true&MMControl=false&MMout=false&RecordCode=

1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3007,3008,9999" 


3.网页中引用的优酷视频要能去除广告

我们在做网站时,经常要引用优酷网的视频,但优酷视频引用是不能自动播放的,有时感觉很是不便,那么能不能通过修改代码实现优酷视频的自动播放呢?答案是 肯定的。
方法一: 
1、打开优酷你想要的网页,例如: http://v.youku.com/v_show/id_XODA1NzI0MDg=.html
2、点击视频下方的【分享】, 在【把视频贴到Blog或BBS】选项中,将FLASH地址复制。得到 http://player.youku.com/player.php/sid/XODA1NzI0MDg=/v.swf 
并将地址中紫色部分XODA1NzI0MDg 复 制备用。 
3、 经修改后,能自动播放,不显示相关视频,不插播广告的地址代码如下:
http://static.youku.com/v/swf/qplayer.swf?VideoIDS=XOTczMDQ=&isAutoPlay=true&isShowRelatedVideo=false&embedid=-&showAd=0 (注意:红色部分是通用的,紫 色部分是转过来的,注意:每个视频这部分不是一样的,兰色部分是自动播放参数。也就是在红色部分内加入了这些不同的成分。) 
4、将步骤3中紫色部分替换为 FLASH地址的紫色部分,我们得到 http://static.youku.com/v/swf/qplayer.swf?VideoIDS=XODA1NzI0MDg=&isAutoPlay=true&isShowRelatedVideo=false&embedid=-&showAd=0 ,把这个地址放进博客或者论坛就可以实现优酷视频的自动播放。 
大家注意以下几个方面的变化: 
自动播放的参数:isAutoPlay=true 参数使用&连接
不 显示相关视频:isShowRelatedVideo=false
不显示广告:showAd=0 
方法二:在FLASH地址的= 和 之间,加入自动播放参数"&isAutoPlay=true"还以刚才的 http://player.youku.com/player.php/sid/XODA1NzI0MDg=/v.swf 为例,在=和 之间,加入自动播放参数"&isAutoPlay=true"我们得到如下地址: 
http://player.youku.com/player.php/sid/XODA1NzI0MDg=&isAutoPlay=true/v.swf 
通 过这样的修改,就可以让优酷的视频在网页中自动播放了。 


文章出自:深圳微信开发公司,原文地址:http://www.iswweb.cn/news/1599.html,转载请保留文章出处即可!

本站文章大多数属于原创文章,欢迎大家转载!少数我们转载文章的文章,如未获您授权请点下方联系我们,我们会尽快下线处理!

相关内容