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

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

例如:

507230.html

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

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

1.远程链接,会生成 标签

2.本地上传视频,会生成 标签,video是html5的标签,现在大多数浏览器都使用了,但是其支持的格式可能不是很多,具体也没研究,这个工作量太大,而且得不到想要的结果。(video标签的另一个主要作用是:在手机端也可以播放)

百度编辑器,主要是为了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通用!

对于其他视频网站的,还是插入个链接,跳转查看吧!

优酷html代码手机不支持,使用 iframe 引用优酷和土豆和腾讯视频,支持 HTML5 手机 播放...相关推荐

  1. kindeditor4.1.11版自定义插入网络视频代码(支持哔哩、优酷、爱奇艺、土豆、腾讯视频、56等视频网站)

    kindeditor4.1.11版自定义插入网络视频代码(支持哔哩.优酷.爱奇艺.土豆.腾讯视频.56等视频网站) 看了几篇和下载过别人修改的版本,都测试了,结果很失望,最后自己修改,得到了想要的结果 ...

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

    目前优酷视频已经没有分享到其他网站的代码了,那如何调用呢? 例如: 简单了修改了百度编辑器源码 默认的百度编辑器针对视频的处理有2种: 1.远程链接,会生成 标签 2.本地上传视频,会生成 标签,vi ...

  3. 爱奇艺、优酷、腾讯视频竞品分析报告2016(二)

    接上一篇<爱奇艺.优酷.腾讯视频竞品分析报告2016(一)> http://milkyqueen520.blog.51cto.com/11233158/1760192 2.4 产品设计与交 ...

  4. 爱奇艺、优酷、腾讯视频竞品分析报告2016(一)

    1 背景 1.1 行业背景 1.1.1 移动端网民规模过半,使用时长份额超PC端 2016年1月22日,中国互联网络信息中心 (CNNIC)发布第37次<中国互联网络发展状况统计报告>,报 ...

  5. php flash 代码转换,PHP实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法...

    本文实例讲述了PHP实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法.分享给大家供大家参考,具体如下: 很多用户不知道如何复制flash地址,只能在程序中帮他们替换了: /** * ...

  6. 怎样将腾讯视频下载到的电影传入手机_腾讯视频怎么缓存视频

    不管这个腾讯视频好用与否,都有一大批用户,本文播放器家园网小编分享怎样将腾讯视频下载到的电影传入手机_腾讯视频怎么缓存视频.腾讯视频拥有独立的播放界面,软件采用独立的播放界面进行播放,用户点击喜欢的影 ...

  7. html视频一直播放代码,通过HTML5调用播放视频的一些注意事项和代码方法

    在这个有关视频的快速技巧里,我们将探讨如何在项目中使用 HTML5 video 标签.由于旧的浏览器和 Internet Explorer 不支持 元素,我们必须为这些浏览器找到一个支持 Flash ...

  8. 腾讯视频手机app下载安装_腾讯视频怎么签到

    只需要打开腾讯视频,就可以在线享受腾讯视频网站内全部免费高清正版视频.最新影视大片.最独家的综艺.旅游.纪录片,在众多的播放器当中,腾讯视频堪称完美.腾讯视频是一个高品质的视频网站,腾讯视频依靠独特的 ...

  9. 移动端html如何加载优酷视频,网站怎么引用优酷腾讯视频并支持手机播放

    网站上引用一些视频,如何让这些视频既支持电脑播放,又支持手机播放,我们可以通过 iframe 调用的方式来解决这个问题. 首先让我们来了解一下嵌入窗体: iframe属性: allowtranspar ...

最新文章

  1. AtCoder Beginner Contest 022 A.Best Body 水题
  2. POJ1690 简单运算去括号
  3. 关于hibernate的实体类中有集合类型转化成JSON的工具类 - 怀念今天的专栏 - 博客频道...
  4. 无缓冲 Chan 的发送和接收是否同步
  5. spring IOC容器的扩展
  6. java单元测试总结
  7. Linux 之八 完整嵌入式 Linux 环境、(交叉)编译工具链、CPU 体系架构、嵌入式系统构建工具
  8. Wasserstein距离在生成模型中的应用
  9. endnote初始化数据库支持_服务端编程——数据库(MySQL、sequelize) - 天生笑点低你奈我何...
  10. IE浏览器下如何低延迟播放RTSP或RTMP流
  11. 基于Java+SpringMvc+vue+element实现疫苗接种管理平台
  12. 假设以带头结点的循环链表表示队列_数据结构·链表(C实现)
  13. ASP.NET+AJAX解决网页打开等待问题
  14. 冲压模具设计之弹簧导套连续拉深模具设计方法
  15. java action例子_实例——创建ActionForm Bean
  16. Debian 10 安装fonts-noto-cjk
  17. 算法基础:用递归解决排列组合问题
  18. Android 应用商店分析
  19. pyqt5:利用QFileDialog从本地选择图片\文本文档显示到label、保存图片\label文本到本地(附代码)
  20. Unity使用脚本动态修改材质球的颜色

热门文章

  1. html格式图片可以转换成word文档,html网页转换成word文档,转换成功,并且可以保存图片,但是总是为web版式的格式,怎么改成“页面”格式,多谢...
  2. VTP协议与配置(小实验详细步骤、思路)
  3. 2020最新kali设置root用户(直接设置root用户/单用户模式设置root用户)
  4. 【蚁群系统】解决TSP旅行商问题(matlab实现)
  5. fedora安装rar解压程序 unrar
  6. 数字校园整体解决方案
  7. [石器时代StoneAge]之 我与石器时代二三事(一) 再次相遇
  8. 回填用土好还是砂石料好_砂石土的一般配比
  9. JAVA毕业设计Web商铺租赁管理系统计算机源码+lw文档+系统+调试部署+数据库
  10. 打印机共享0x00000709错误