如何让优酷土豆腾讯视频在手机上播放 HTML5手机播放iframe标签用处大

 iframe属性:
allowtransparency  iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。
allowfullscreen 启用 iframe 的内容以在全屏模式下显示。如果缺少,则仅 iframe(而非框架内的内容)可以进入全屏模式。
frameborder 是否显示 iframe 周围的边框。AVS 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

 AVS 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

优酷视频AVS 迪尔课堂-官网-免费自学网站-迪尔掌上课堂


iframe属性:
allowtransparency  iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。
allowfullscreen 启用 iframe 的内容以在全屏模式下显示。如果缺少,则仅 iframe(而非框架内的内容)可以进入全屏模式。
frameborder 是否显示 iframe 周围的边框。AVS 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

本测试代码由 www.dxpang.com 迪尔课堂提供AVS 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

一般视频播放窗口下方会有分享代码:视频地址、flash地址、html代码、通用代码 等。。  我们用通用代码就能得到iFrame的地址。


优酷视频(只能全屏播放):
视频地址:http://v.youku.com/v_show/id_XNzExOTkwMjA0.html
视频ID:XNzExOTkwMjA0
嵌入地址:http://player.youku.com/embed/XODY3NDMzNjY4
复制通用代码AVS 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

<iframe width="100%%" height="100%" frameborder="0" src="http://player.youku.com/embed/XODY3NDMzNjY4" allowfullscreen=""></iframe>
  
 
土豆视频(微信里可以页面播放也能全屏):
视频地址(它会用N种网址格式他奶奶的,但都是最后一个是ID):
http://www.tudou.com/albumplay/pKeQTGfodCI/Wg717X9s4ZM.html
http://www.tudou.com/albumplay/Wg717X9s4ZM.html
http://www.tudou.com/programs/view/Wg717X9s4ZM/
http://www.tudou.com/listplay/F4vaUJb5LoY/Wg717X9s4ZM.html
视频ID:Wg717X9s4ZM
嵌入地址:http://www.tudou.com/programs/view/html5embed.action?code=Wg717X9s4ZM
复制通用代码 AVS 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

<iframe width="100%" height="100%" frameborder="0" src="http://www.tudou.com/programs/view/html5embed.action?code=Wg717X9s4ZM" allowfullscreen=""></iframe>AVS 迪尔课堂-官网-免费自学网站-迪尔掌上课堂



腾讯视频(微信里可以页面播放但不能全屏):
视频地址:http://v.qq.com/cover/k/khyb6moudi5fha4.html?vid=d0015bg8v6k
视频ID:d0015bg8v6k
嵌入地址:http://v.qq.com/iframe/player.html?vid=d0015bg8v6k&tiny=0&auto=0
其它参数:auto=0 不自动播放,去掉 auto=0则会自动放
复制通用代码
 AVS 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

<iframe width="100%" height="100%" frameborder=0 src="http://v.qq.com/iframe/player.html?vid=d0015bg8v6k&tiny=0&auto=0" allowfullscreen=""></iframe>AVS 迪尔课堂-官网-免费自学网站-迪尔掌上课堂

 

扫一扫手机访问