强制Youtube嵌入高清播放(2016年版)

Force Youtube embed to play in HD (2016 edition)

本文关键字:2016年版 播放 高清 Youtube 强制      更新时间:2023-09-26

好吧,这个问题以前已经问过很多次了——但Youtube似乎每隔一天就会改变一次。我找不到一种方法来强制Youtube嵌入从一开始就开始播放高清源。切换到HD总是在5-10秒后发生。

不再有效的方法:

  1. &hd=1参数添加到iframe src
  2. 向iframe src添加&vd=hd720&vd=hd1080参数。此处描述:强制youtube嵌入在720p中启动
  3. 将html嵌入代码中的iframe维度更改为width="1280" heigh="720",然后使用CSS将iframe向下/向上缩放到父div。描述如下:http://thenewcode.com/717/Force-Embedded-YouTube-Videos-To-Play-In-HD以及这里:如何强制youtube播放高清视频

唯一可能的方法是使用Youtube JavaScript API,如下所述:http://biostall.com/the-100-guaranteed-method-to-get-youtube-iframe-embeds-playing-in-hd-by-default/

// 1. This code loads the IFrame Player API code asynchronously.  
 var tag = document.createElement('script');  
  
tag.src = "https://www.youtube.com/iframe_api";  
var firstScriptTag = document.getElementsByTagName('script')[0];  
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);  
  
// 2. This function creates an <iframe> (and YouTube player) after the API code downloads.  
var player;  
function onYouTubeIframeAPIReady() {  
    player = new YT.Player('player', {  
        height: '1280',  
        width: '720',  
        videoId: 'E37YNMYlKvo',  
        events: {  
            'onReady': onPlayerReady  
        }  
    });  
}  
  
// 3. The API will call this function when the video player is ready.  
function onPlayerReady(event) {  
    player.setPlaybackQuality('hd1080'); // Here we set the quality (yay!)  
    event.target.playVideo(); // Optional. Means video autoplays  
}  
<div id="player"></div>  

但是:我想使用一个简单的iframe嵌入,因为视频将通过wordpressoembed功能嵌入。

有什么方法可以为一个简单的iframe嵌入运行player.setPlaybackQuality('hd1080');函数吗?

您还可以设置您的playerVars

            vq: 'hd1080', 

144p:&vq=微小

240p:&vq=小型

360p:&vq=中等

480p:&vq=大

720p:&vq=hd720

1080p:&vq=hd1080

据我所知,似乎有一个'VQ'参数,您可以将其附加到嵌入iframe的末尾,并将hd720hd1080设置为值。经过一些研究,YouTube似乎曾经提供了'VQ'参数,然后将其删除,截至本文撰写之时,它又回来了!简而言之,你的嵌入应该是这样的:

<iframe src="https://www.youtube.com/embed/VIDEO_ID_HERE?vq=hd1080" frameborder="0" allowfullscreen></iframe>

这是一篇与此相关的文章,我在研究中发现:在这里找到

我在一个页面上对此进行了简短的测试,它似乎(目前(有效。希望这能有所帮助!