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

网站上引用一些视频，如何让这些视频既支持电脑播放，又支持手机播放，我们可以通过 iframe 调用的方式来解决这个问题。

首先让我们来了解一下嵌入窗体：

iframe属性：

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

allowfullscreen 启用 iframe 的内容以在全屏模式下显示。如果缺少，则仅 iframe(而非框架内的内容)可以进入全屏模式。

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

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

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

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

视频ID：XNzExOTkwMjA0

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

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

视频地址(会用N种网址格式，但都是最后一个是视频ID，但有些需要通过土豆视频转换器转换)：

视频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，其他基本都不行。

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

基于JQuery实现滚动到页面底端时自动加载更多信息
基于JQuery实现滚动到页面底端时自动加载更多信息关键代码:代码如下: var stop=true; $(window).scroll(function(){ totalheight = parse ...
ros中web端通过按钮加载本地静态 pgm 地图显示在canvas画布中
ros中web端通过按钮加载本地静态 pgm 地图显示在canvas画布中 var input = this.$("fielinput");if (typeof (FileRea ...
JS判断设备是手机端还是PC端，并加载不同的css/js文件
最近公司有个页面需要做pc端和手机端的页面自适应,即手机打开是指定的样式,pc打开则是pc指定的样式,样式是前端ui已经设计好了的. 所以这里需要通过Navigator userAgent 属性判断浏 ...
seajs引入html,SeaJS：一个适用于 Web 浏览器端的模块加载器
什么是SeaJS? SeaJS是一款适用于Web浏览器端的模块加载器,它同时又与Node兼容.在SeaJS的世界里,一个文件就是一个模块,所有模块都遵循CMD(Common Module Defini ...
懒加载实现的分页网站footer自适应
最近在做手机端,发现下拉刷新和上拉加载的jq控件很少而且自我感觉不好用,比如iscroll之类-- 然后自己写了个懒加载的,也很简单,最基础的代码[不喜勿喷,但蛮实用的] wap手机端懒加载分页: 用 ...
html 分页惰性加载,懒加载实现的分页网站footer自适应
最近在做手机端,发现下拉刷新和上拉加载的jq控件很少而且自我感觉不好用,比如iscroll之类-- 然后自己写了个懒加载的,也很简单,最基础的代码[不喜勿喷,但蛮实用的] wap手机端懒加载分页: 用 ...
android加载富文本可点击链接,Android富文本解析器，支持网络图片，图片和链接点击事件...
HtmlText image HtmlText 是 android.text.Html 的一个扩展,可以加载 HTML 并将其转换成 Spannable 显示在 TextView 上,支持网络图片,图 ...
Unity网页插件Embedded Browser（ZFBrowser）打包文件无法加载本地网页或网站网址解决方法
Unity网页插件Embedded Browser(ZFBrowser)打包文件无法加载本地网页或网站网址解决方法问题:最近使用ZFBrowser开发VR嵌入网页发现出现一个问题,在编辑器模式下场景 ...
类的加载流程、反射、直接引用和符号引用
类加载流程一个类被加载到虚拟机内存中需要经历几个过程:加载.连接.初始化.其中连接分为三个步骤:验证.准备.解析,下面一个一个说,这个几个阶段虚拟机都干了什么. 总览图类加载过程总览图如下图: 加 ...

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

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

最新文章

热门文章