把騰訊視頻嵌入到html中
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
淘寶店鋪:
【慕色輕熟風女裝】,點擊鏈接再選擇瀏覽器打開http://c.b1yt.com/h.NvPrs9?cv=tOYO0bf4asx&sm=550d3e
,或復制這條信息¥tOYO0bf4asx¥後打開手機淘寶
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
想要在網頁中嵌入優酷、土豆、愛奇藝的視頻很簡單,但是現在將騰訊視頻嵌入網頁後卻不能正常顯示,而騰訊視頻現在的資源也越來越多,想直接將騰訊視頻嵌入到網頁中怎麽操作呢?其實只需要一段代碼就可以了。
首先,提供一個騰訊視頻嵌入網頁代碼。我們只需替換這段代碼的一部分就可以了。
<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
這是一段《工業機器人工作場景》的視頻,將這個網址的藍色部分,替換到上面給出的代碼中的紅色部分,就可以了。
最終效果為:
<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>
把vid參數從騰訊視頻網頁查找
想將優酷視頻、土豆視頻、新浪視頻等網站的視頻調用到個人網站上面的方法非常簡單,這些網站,均提供了直接調用的代碼。如下圖所示:
1、優酷網
2、土豆網
3、新浪視頻
但是騰訊視頻則是這樣的(並沒有提供嵌入網頁的代碼):
應該怎麽辦呢?
可以從微信公眾平臺中學習一下,因為騰訊視頻,可以直接嵌入微信公眾平臺啊?點擊查看:微信公眾平臺轉載別人發的視頻的方法
方法一:將視頻在微信公眾平臺中的調用代碼提取出來,如下所示:
<iframe class="video_iframe" style=" z-index:1; " src="http://v.qq.com/iframe/player.html?vid=m0137rrajuc&width=300&height=200&auto=0" allowfullscreen="" frameborder="0" height="200" width="300"></iframe>
打開需要添加的騰訊視頻網址,例如:http://v.qq.com/cover/z/zrxyhghf3n8xhxl/k0015trfczz.html
將上述代碼中的vid=後面的內容替換成上述網址中標紅的部分,然後將上述網址重新復制出來:
<iframe class="video_iframe" style=" z-index:1; " src="http://v.qq.com/iframe/player.html?vid=k0015trfczz&width=300&height=200&auto=0" allowfullscreen="" frameborder="0" height="200" width="300"></iframe>
效果參見下方:
其中的視頻的寬度(width)和高度(height)可以分別通過修改代碼中對應的數值(本視頻中width=300,height=200)來進行修改。
不自動播放
<iframe class="video_iframe" style=" z-index:1; " src="http://v.qq.com/iframe/player.html?vid=k0344pfymze&tiny=0&auto=0&isAutoPlay=false;width=300&height=200&auto=0" allowfullscreen="" frameborder="0" height="200" width="300"></iframe>
把騰訊視頻嵌入到html中