Force Youtube einbetten, um in HD zu spielen (Ausgabe 2016)

Question

OK, das wurde schon oft gefragt - aber Youtube scheint die Dinge jeden zweiten Tag zu ändern. Ich kann keine Möglichkeit finden, eine Youtube-Einbettung zu erzwingen, um eine HD-Quelle von Anfang an abzuspielen. Der Wechsel zu HD erfolgt immer nach 5-10 Sekunden.

Methoden, die nicht (mehr) arbeiten:

1. Hinzufügen &hd=1 Parameter auf den iframe src
2. &vd=hd720 oder &vd=hd1080 Parameter zum src iframe Hinzufügen. Hier beschrieben: Force youtube embed to start in 720p
3. Ändern der Iframe-Dimenstionen auf width="1280" heigh="720" in der HTML-Embed-Code und dann mit CSS, um die iFrame wieder runter/bis zum übergeordneten Div. Hier beschrieben: http://thenewcode.com/717/Force-Embedded-YouTube-Videos-To-Play-In-HD und hier: How to force youtube to play HD videos

Die einzig mögliche Art und Weise würde die Youtube JavaScript-API verwenden, wie hier beschrieben: 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>

Aber: Ich möchte Verwenden Sie eine einfache Iframe-Einbettung, da Videos durch die Wordpress-Oembed-Funktion eingebettet werden.

Gibt es eine Möglichkeit, die player.setPlaybackQuality('hd1080'); Funktion für eine einfache iframe Embed ausführen?

Answer 1

Von dem, was ich verstehe, scheint es eine ‚VQ‘ Parameter zu sein, die Sie am Ende des embed iframe anhängen können und setzen hd720 oder hd1080 als Wert. Nach einigem Nachdenken scheint es, dass YouTube einmal den "VQ" Parameter angeboten hat, dann hat er es weggenommen, und während dieses Schreibens ist wieder zurück! Kurz gesagt, sollte Ihr einbetten in etwa so aussehen:

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

Hier ist ein Artikel im Zusammenhang mit dieser, dass ich bei meinen Recherchen gefunden: Found Here

ich diese kurz auf einer Seite getestet haben und es scheint zu funktionieren (vorerst). Hoffe das hilft!

Answer 2

Sie können auch Ihre playerVars

  vq: 'hd1080', 

144p gesetzt: & vq = winzige

240p: & vq = small

360p: & vq = mittel

480p: & vq = groß

720p: & vq = HD720

1080p: & vq = HD1080