码迷,mamicode.com
首页 > Web开发 > 详细

腾讯视频嵌入网页的方法 腾讯视频嵌入网页代码

时间:2017-04-07 16:53:19      阅读:2830      评论:0      收藏:0      [点我收藏+]

标签:ide   screen   center   z-index   page   com   视频   text   src   

首先,提供一个腾讯视频嵌入网页代码。我们只需替换这段代码的一部分就可以了。

<p style="text-align: center"><iframe class="video_iframe" style="z-index:1;" src="http://v.qq.com/iframe/player.html?vid=t01662frswa&amp;width=500&amp;height=375&amp;auto=0" allowfullscreen="" frameborder="0" height="375" width="500"></iframe></p>

找到一段腾讯视频,比如地址:

http://v.qq.com/boke/page/d/0/i/d0163kxz8di.html

这是一段《工业机器人工作场景》的视频,将这个网址的蓝色部分,替换到上面给出的代码中的红色部分,就可以了。

最终效果为:

<p style="text-align: center"><iframe class="video_iframe" style="z-index:1;" src="http://v.qq.com/iframe/player.html?vid=d0163kxz8di&amp;width=500&amp;height=375&amp;auto=0" allowfullscreen="" frameborder="0" height="375" width="500"></iframe></p>

很简单吧!

下面是腾讯视频嵌入网页的效果:

技术分享

腾讯视频嵌入网页的方法 腾讯视频嵌入网页代码

标签:ide   screen   center   z-index   page   com   视频   text   src   

原文地址:http://www.cnblogs.com/zlzxc/p/6678614.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!