Öffnen eines vorgeschlagenen Videos mit demselben Player anstelle von YT

Question

Ich habe einen Video-Player mit der neuesten iFrame-API von YouTube in eine Website eingefügt. Wenn ich jedoch auf ein vorgeschlagenes Video klicke, wird der YouTube-Player anstelle des gleichen Players geöffnet .

Ich habe keine Optionen gefunden, die es nicht jedes Mal auf YouTube schaffen würden, gibt es welche?

Answer 1

Ich habe Iframe API von Youtube letzten Monat verwendet. Ich hatte manchmal dasselbe Problem. Aber das Problem wurde gelöst, indem ein iframe aus dem Javascript erstellt wurde. Bitte folgen Sie den folgenden Schritten. Ich hoffe, das wird dein Problem lösen.

Platz ein Tag in Ihrer Web-Seite und eine Javascript schreiben, wie unten gezeigt:

1. Fügen Sie auf Ihrer Webseite ein div-Element mit id = "player" hinzu.

<div id="player"></div> 

im JavaScript-Teil: 2. ein Skript hinzufügen iframe-Player API

var tag = document.createElement('script'); 
tag.src = "https://www.youtube.com/iframe_api"; 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

3 .. Erstellen Sie ein iframe zu laden.

var player; 

function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
     height: '320', //You can change height and width as needed 
     width: '480', 
     videoId: [video ID you want to load], 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange, 
      'onPlaybackQualityChange': onPlayerPlaybackQualityChange, 
      'onPlaybackRateChange': onPlayerPlaybackRateChange, 
      'onError': onPlayerError, 
      'onApiChange': onPlayerApiChange, 
     } 
    }); 
} 

4. Sie Ereignisse mithilfe der folgenden Funktionen verarbeiten kann.

   Funktion onPlayerStateChange (Ereignis) {};
   Funktion onPlayerReady (Ereignis) {};
   Funktion onPlayerPlaybackQualityChange (playbackQuality) {};
   Funktion onPlayerPlaybackRateChange (playbackRate) {};
   Funktion onPlayerError (e) {};
   Funktion onPlayerApiChange() {};

Referenz: https://developers.google.com/youtube/iframe_api_reference