腾讯视频html5播放,使用 iframe 引用优酷和土豆和腾讯视频，支持 HTML5 手机 播放...

写博客，只为记录项目中碰到的问题html

使用百度视频上传，嵌入远程连接，而后在编辑器中自动转换为支持视频播放的html代码。html5

例如：浏览器

简单了修改了百度编辑器源码微信

默认的百度编辑器针对视频的处理有2种：框架

1.远程连接，会生成 标签编辑器

2.本地上传视频，会生成 标签，video是html5的标签，如今大多数浏览器都使用了，可是其支持的格式可能不是不少，具体也没研究，这个工做量太大，并且得不到想要的结果。(video标签的另外一个主要做用是：在手机端也能够播放)ide

百度编辑器，主要是为了pc端，在移动端，就像上面提到的：测试

video标签，mobile应该也支持，可是video标签支持的格式有限。咱们能够本身查看video标签支持的格式，而后使用 "格式工厂" 之类的软件进行转换为mp4等支持的格式网站

embed标签，还有什么object标签，在mobile端都不显示，它们貌似好像须要flash插件的安装，手机端或mac浏览器等不必定支持加密

最后，找了些资料，可是不肯定，并非技术狂人那样深刻研究，PC和MOBILE通用的标签是：

嵌入窗体，确实支持。。。这也是本文记录的重点！

下面开始引用其余文章内容，懒得写了：

iframe属性：

allowtransparency  iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。

allowfullscreen 启用 iframe 的内容以在全屏模式下显示。若是缺乏，则仅 iframe(而非框架内的内容)能够进入全屏模式。

frameborder 是否显示 iframe 周围的边框。

通常视频播放窗口下方会有分享代码：视频地址、flash地址、html代码、通用代码 等。。  咱们用通用代码就能获得iFrame的地址。

优酷视频(只能全屏播放)：

视频地址：http://v.youku.com/v_show/id_XNzExOTkwMjA0.html

视频ID：XNzExOTkwMjA0

嵌入地址：http://player.youku.com/embed/XODY3NDMzNjY4

复制通用代码

土豆视频(微信里能够页面播放也能全屏)：

视频地址(它会用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

-----------------------

这里不必定正确：测试的时候，对于

www.tudou.com/albumplay/Wg717X9s4ZM.html

albumplay/xx.html一个结尾的，下方的iframe的code=xx可能无效。此时地址是 code=??&lcode=xx，可是code=??不知道是经过什么加密算出来的，lcode=xx是正确的。

视频ID：Wg717X9s4ZM

嵌入地址：http://www.tudou.com/programs/view/html5embed.action?code=Wg717X9s4ZM

复制通用代码

腾讯视频(微信里能够页面播放但不能全屏)：

视频地址：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则会自动放

复制通用代码

上述的3个，腾讯，优酷，土豆基本是可使用的，我看了几个主要的视频网站，也就是这3个能经过url来匹配出iframe的src，其余基本都不行。

优酷收购了土豆

搜狐收购了56

搜狐，新浪，网易，56，ku6，youtobe(仅有iframe，video标签)都无法匹配到，只好放弃

----------------------------

最后，放到手机上一展现。。。

仅 "腾讯" 的能够播放！优酷，土豆手机端调用的iframe代码不支持为何报错！！！！！无解了！！！

----------------------------

兼容手机真是麻烦，仍是本身上传视频，嵌入video标签，视频格式必须是video支持的几种，才能PC和Mobile通用！

对于其余视频网站的，仍是插入个连接，跳转查看吧！