10年专业网络服务供应商

新闻资讯

互联网新闻源,了解更多行业纵深观点

当前位置:首页 > 资讯 > 网站开发

网站中调用优酷视频实现自动播放的代码

时间:2018-03-02 09:54来源:无锡做网站公司

摘要:通常企业网站中有时候需要嵌入视频,如果想实现自动播放需要怎么调整代码呢?另外,我们需要规避一个重复点击播放的问题。如何在调用优酷视频,将视频实现点击播放?

通常企业网站中有时候需要嵌入视频,如果想实现自动播放需要怎么调整代码呢?另外,我们需要规避一个重复点击播放的问题。

   快播下线后很多网民感叹没有办法看最新的热播电影,可能会有很多人会调侃:穷屌丝就是想着天下免费的午餐呢,不过谁说富人就没有贪便宜的心态?

  扯淡结束,咱们入正题:如何调用优酷视频,将视频实现点击播放?

   一  示例代码,实现优酷视频一次点击自动播放

   <div class="video"> 

  <div class="youkuvideo"> 

  <div id="video_frame" class="video_cover" style="background-image: url('/images/video.jpg');"> 

  <i class="video-play" aria-hidden="true"></i> 

  </div> 

  </div> 

  </div> 

  <script type="text/javascript"> 

  $('#videoFrame').click(function(){ 

  $video = $('<object class="youkuvideo" data="http://player.youku.com/player.php/sid/v.swf" type="application/x-shockwave-flash" width="100%" height="600"><param name="wmode" value="transparent" /><param name="wmode" value="opaque" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="isAutoPlay" value="true" /><param name="flashvars" value="VideoIDS=XMzQzMTI5MjU3Ng==&amp;isShowRelatedVideo=false&amp;showAd=0

&amp;show_pre=0&amp;show_next=0&amp;isAutoPlay=true&amp;isDebug=false&amp;UserID

=0&amp;winType=interior&amp;playMovie=true&amp;MMControl=false&amp;MMout=false" /><param name="movie" value="http://player.youku.com/player.php/sid/v.swf" /></object>'); 

  $(this).after($video); 

  $(this).remove(); 

  }) 

  </script>

 
  马氪软件贴出的这个例子是通过背景图层上方加上播放按钮,实现用户点击一次,自动触发优酷视频播放,而避免了点击播放按钮后触发优酷视频展开后再次点击的烦恼。(标注红色的部分其实就是优酷视频播放URL中的ID,用来识别这视频的)
 

  代码解释:

    参数说明  调整是否自动播放: 

  isAutoPlay=false(不自动) 

  isAutoPlay=true(自动播放)

   二 简单过滤优酷视频广告

   更进一层,过滤掉优酷视频的广告,代码如下:

   <p style=”text-align:center;”><embed?src=http://static.youku.com/v1.0.0149/v/swf/qplayer_rtmp.swf VideoIDS=XMjM2OTE3ODg4ID&winType=adshow&isAutoPlay=true” quality=”high” width=”610″ height=”460″  align=”middle”allowScriptAccess=”never”allowNetworking=”internal” autostart=”0″type=”application/x-shockwave-flash”></embed></p>

   代码说明: 

  替换视频地址: 

  VideoIDS=是URL链接中视频的ID,比如: 

  http://v.youku.com/v_show/id_XNjM1NDM3NTYw.html 

  用链接中的XNjM1NDM3NTYw  替换ID代码,即红色部分即可。 

  VideoIDS=XNjM1NDM3NTYw

   不过经过测试,这一方法优酷官方貌似已经修复过BUG,现在没办法跳过广告。

   三 无敌版略过全网视频VIP广告

   另外VIP付费视频让很多人又爱又恨,那么网上一些“高手”开始制作一些程序,试图跳过VIP播放权限。

   如下,腾讯视频VIP我们随便找一个电视剧看下《独孤天下》,选择一集播放看看(https://v.qq.com/x/cover/033i818h6hqga2i/o00255qiezi.html)点开后发现需要开通VIP会员才能免费观看。

   我们再通过VIP视频解析引擎,将腾讯的这个VIP视频播放链接复制进去,再次点击播放。

   奇迹出现了,完全可以播放,并且跳过广告!

   今天马氪软件就不将如何跳过VIP播放权限,如何跳过广告的技术层面详细描述了。

   大家如果对于优酷视频嵌入网页中,实现自动播放的代码测试有BUG,请及时联系我们无锡做网站公司一起讨论。 


声明:除非注明,本站内容由无锡网站建设马氪软件原创发布©,转载请联系我们授权合作。

感谢您耐心阅读,祝好!
 您阅读这条内容,共花了: 

给这篇内容写个评语吧!

网站中调用优酷视频实现自动播放的代码
通常企业网站中有时候需要嵌入视频,如果想实现自动播放需要怎么调整代码呢?另外,我们需要规避一个重复点击播放的问题。如何在调用优酷视频,将视频实现点击播放?
发布时间:2018-03-02
© 第二秀网络科技有限公司
长按识别二维码查看详细内容