1. 程式人生 > >把騰訊視頻嵌入到html中

把騰訊視頻嵌入到html中

str 打開 網站 wan logs html src allow baidu

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

淘寶店鋪:

【慕色輕熟風女裝】,點擊鏈接再選擇瀏覽器打開技術分享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&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>

把vid參數從騰訊視頻網頁查找

技術分享

想將優酷視頻、土豆視頻、新浪視頻等網站的視頻調用到個人網站上面的方法非常簡單,這些網站,均提供了直接調用的代碼。如下圖所示:

1、優酷網

技術分享

2、土豆網

技術分享

3、新浪視頻

技術分享

但是騰訊視頻則是這樣的(並沒有提供嵌入網頁的代碼):

技術分享

應該怎麽辦呢?

可以從微信公眾平臺中學習一下,因為騰訊視頻,可以直接嵌入微信公眾平臺啊?點擊查看:微信公眾平臺轉載別人發的視頻的方法

方法一:將視頻在微信公眾平臺中的調用代碼提取出來,如下所示:

<iframe class="video_iframe" style=" z-index:1; " src="http://v.qq.com/iframe/player.html?vid=m0137rrajuc&amp;width=300&amp;height=200&amp;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&amp;width=300&amp;height=200&amp;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&amp;height=200&amp;auto=0" allowfullscreen="" frameborder="0" height="200" width="300"></iframe>

把騰訊視頻嵌入到html中