之前在網(wǎng)頁中嵌入優(yōu)酷、愛奇藝等網(wǎng)站的視頻很簡單,不過最近一些朋友反映將騰訊視頻嵌入網(wǎng)頁后卻不能正常播放了,那么騰訊視頻怎么嵌入網(wǎng)頁,下面小編就給大家?guī)眚v訊視頻嵌入視頻方法。
騰訊視頻官方最新版:http://www.innovatechautomation.com/soft/31043.html
首先,提供一個騰訊視頻嵌入網(wǎng)頁代碼。我們只需替換這段代碼的一部分就可以了。
<p style="text-align: center"><iframe class="video_iframe" style="z-index:1;" src="http://v.qq.com/iframe/player.html?vid=t01662frswa&width=500&height=375&auto=0" allowfullscreen="" frameborder="0" height="375" width="500"></iframe></p>
找到一段騰訊視頻,比如地址:
http://v.qq.com/boke/page/d/0/i/d0163kxz8di.html
這是一段《工業(yè)機器人工作場景》的視頻,將這個網(wǎng)址的藍色部分,替換到上面給出的代碼中的紅色部分,就可以了。
最終效果為:
<p style="text-align: center"><iframe class="video_iframe" style="z-index:1;" src="http://v.qq.com/iframe/player.html?vid=d0163kxz8di&width=500&height=375&auto=0" allowfullscreen="" frameborder="0" height="375" width="500"></iframe></p>
很簡單吧!
下面是騰訊視頻嵌入網(wǎng)頁的效果:
其中的視頻的寬度(width)和高度(height)可以分別通過修改代碼中對應(yīng)的數(shù)值(本視頻中width=300,height=200)來進行修改。