优酷视频html5嵌入代码

林继 WordPress 4,378 共写了262个字 (2013-11-01 22:02:26) 没有评论 打印 扫描二维码 百度已收录

下载文件
点击这里下载文件

1.优酷视频url,以及封面,播放器尺寸(可选),支持同时嵌入多个视频

  1. <div class="bungeer_video_html5" href="http://v.youku.com/v_show/id_XNjEyODk1MzM2.html" poster="http://www.bungeer.com/static/img/web_hi_res_512.png" width='640' height='360'></div>

2.最后在后面引入jQuery以及video_html5.js

  1. <script>window.jQuery || document.write('<script src="http://codeorigin.jquery.com/jquery-1.10.2.min.js"><\/script>')</script>
  2. <script type=text/javascript  src="http://bungeer.com/static/js/video_html5.js"></script>

示例:

视频一

  1. <div class="bungeer_video_html5" href="http://v.youku.com/v_show/id_XNjEyODk1MzM2.html" poster="http://www.bungeer.com/static/img/web_hi_res_512.png" width='640' height='360'></div>

视频二

  1. <div class="bungeer_video_html5" href="http://v.youku.com/v_show/id_XNjI3OTA0MzQ4.html" poster="http://www.bungeer.com/static/img/web_hi_res_512.png" width='320' height='180'></div>

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >