如何使用新的YouTube iframe樣式代碼嵌入高質量視頻

我正在使用youtubes新的iframe代碼來嵌入視頻，但視頻質量比我在YouTube上觀看視頻質量要差。有沒有嵌入高質量視頻的方法？如何使用新的YouTube iframe樣式代碼嵌入高質量視頻

我此刻的代碼是

<iframe title="YouTube video player" width="650" height="390" src="http://www.youtube.com/embed/6X3zUh8RqbY" frameborder="0" allowfullscreen></iframe>

來源

2011-02-15 geoffs3310

-9

哦，我已經找到了，現在你必須把HD = 1的URL的像這樣結束：

<iframe title="YouTube video player" width="650" height="390" src="http://www.youtube.com/embed/6X3zUh8RqbY?hd=1" frameborder="0" allowfullscreen></iframe>

來源

2011-02-15 08:35:47 geoffs3310

似乎並沒有得以順利 – SiliconMind 2012-11-23 14:04:25

真。它不起作用，我愚蠢地投了！ – Mauro 2013-01-15 17:33:02

這對我不起作用。請修正它！ – 2016-04-13 18:41:56

而且，無論HD參數是否設置，YouTube現在都會自動提供其認爲針對嵌入大小進行優化的質量，對於iframe和AS3。

請參閱this post和this瞭解更多信息。

更新：請參閱Jason Renaud's answer瞭解允許明確強制質量類型的好方法。我嘗試了一個嵌入HTML5的播放器，並且按預期工作。

來源

2012-06-25 03:54:50

& VQ = HD720或& VQ = HD1080在哪裏一切都失敗

來源

2013-01-21 11:14:29

下面的代碼的伎倆對我招：

<iframe width="241" height="136" src="https://www.youtube.com/embed/NMG0CMkuUnA?version=3&vq=hd720" frameborder="0" allowfullscreen></iframe>

來源

2013-07-04 09:05:19 Filtermusic

看來，隨着時間的推移，答案的變化。 要看看正在發生的事情，似乎有兩個一般性的預期效果。

1）您可以嘗試和'hack' iframe代碼本身。

2）你可以嘗試創建一個容器來欺騙iframe，使其認爲它應該顯示HD。

讓我們兩個都做。

[具體IFRAME代碼] 您可以編輯可能典型使用現行標準嵌入YouTube iframe的鏈接。我會建議使用基本大小，無論如何要求這個大小，並進行第二步調整它的大小。

查看當前列表，如h3xed上的當前列表，以查看嵌入時youtube調用文件的方式。

值得注意的是，我沒有在任何地方找到以下代碼，我發現它。我需要調用720個視頻。我一直在尋找這個問題的答案，當查看文件時，我注意到它說720p60爲實際的YouTube設置。所以我改變什麼，似乎之前果然發揮了作用......

<div class="responsive-container" > 
    <iframe width="780" height="480" 
      src="https://www.youtube.com/embed/DFzUdTUaAr4?rel=0&vq=hd720p60" frameborder="0" allowfullscreen></iframe> 
</div>

工作。請注意，基本上我添加了？rel = 0 & vq = hd720p60 並使iframe的大小足夠大以便要求hd。

[創建容器] 這工作，因爲你所要求YouTube獲得更高質量的視頻，然後會在它後面的背部和調整大小以適應你的願望的空間。雖然您直接問如何嵌入，但我假設您要求隨時隨地嵌入，而不是僅限於頁面上的高質量文件的巨型視頻。

一個簡單的響應容器工作良好，因爲iframe是通過CSS控制的。使用類似於新代碼Force-Embedded-Youtube-Videos-To-Play-In-HD article上的代碼，我們創建一個代碼，將寬高比限制爲有限大小。

.responsive-container { 
    position: relative; 
    padding-bottom: 53.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
} 
.responsive-container, 
    .responsive-container iframe { 
    max-width: 1280px; 
    max-height: 720px; 
} 
.responsive-container iframe { 
    position: absolute; 
    top: 0; left: 0; 
    width: 100%; 
    height: 100%; 
}

*注意： '遺產' 在這一點上的視頻鏈接的&fmt=35, &fmt=22, or &fmt=37作品代碼。 YouTube視頻以這種特定的質量開啓。

另請注意，您還必須注意ttl在YouTube視頻和嵌入視頻之間的差異。他們（根據我的經驗）不能交叉兼容。 *（youtube.com/embeded ... VS youtu.be/...）

來源

2016-06-06 12:06:26 systemaddict

試試這個視頻的特定質量..

144P：& VQ =微小

240p的：& VQ =小

360P：& VQ =介質

480P：& VQ =大

720P：& VQ = HD720

例如：

<iframe width="320" height="350" src="http://www.youtube.com/embed/ 
HeQ39bLsoTI?autoplay=1&cc_load_policy=1&vq=tiny" frameborder="0" 
allowfullscreen></iframe>

來源

2016-10-15 18:25:06

如何使用新的YouTube iframe樣式代碼嵌入高質量視頻

回答

相關問題