零基础建站培训介绍

当前位置:

网站怎么引用优酷腾讯视频并支持手机播放

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

首先让我们来了解一下<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


<iframe width="100%%" height="100%" frameborder="0" src="//player.youku.com/embed/XODY3NDMzNjY4" allowfullscreen=""></iframe>

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

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


<iframe width="100%" height="100%" frameborder=0 src="http://v.qq.com/iframe/player.html?vid=d0015bg8v6k&tiny=0&auto=0" allowfullscreen=""></iframe>

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

上一课: 下一课:

发表回复

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

相关教程

  • 学做网站论坛承接全国各地网站制作。 学做网站论坛官网承接各类个人,企业,公司,集团,政府用户网站制作,价格公道,品质保证。
  • 有些刚刚创业的客户在资金或者还没有准备充足营业执照还没办下来的情况下是否可以做网站呢?小编告诉您做网站有没有营业执照都不会有什么影响的,
  • 问题:我想去弄个自己网站,怎么弄简单又快速?其实我做的也比较简单,就想像下面这样的网站就行,自己怎么弄呢?答:耐思尼克-欣为您解
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • 网站上引用一些视频,如何让这些视频既支持电脑播放,又支持手机播放,我们可以通过 iframe 调用的方式来解决这个问题。首先让我们来了解一下<
  • Js传值赋值与引用赋值 图文教程 (17565 次浏览)
    JS赋值是 jQuery教程中比较基础的一章,我们学习怎么建网站时,需要了解一下JS的二种赋值方式:传值赋值与引用赋值。传值赋值:以var b=a为例,
  • 现在国内比较大的服务器服务商有腾讯云与阿里云和西度数码几家,那么我们自己做网站选服务器时,应该怎么选择这二家中的一家呢?下面就来听听服务器使
  • 什么是百度MIP百度MIP (Baidu Mobile Instant Pages - 百度移动网页加速器), 是一套应用于移动网页的开放性技术标准。通过提供MIP-HTML规范、MIP-
  • HTML5 video是最新HTML5新增标签的视频播放标签。用于网页播放视频。【相关教程:html5入门教程】它的代码是[cce]<video src="abc.mp4" co
  • tab切换代码介绍这是一套通过js实现的tab选项卡切换的tab选项卡代码,使用原始的JS代码,代码干净纯洁,摒弃JQUERY库的复杂代码。如果不懂代码,先
  • SVG(可伸缩矢量图形)是基于XML文本的矢量图像格式。JPG和PNG这些常见图像格式是由非常多的称为像素的微小正方形组成的,但SVG格式依赖于XML标记来描
  • 手机网站快速建站方法 图文教程 (16846 次浏览)
    在学做网站论坛的手机建站课程中讲到了如何通过代码方式建网站,今天介绍一个手机网站快速建站方法,通过下面的方法可以快速建立与PC网站同步的手机网
  • 制作自适应手机网站视频教程:https://www.xuewangzhan.net/gonggao/16271.html如果想让自己做的静态网页与动态程序结合在一起,就必须将静态页