2016-06-06 11 views
0

Ich habe festgestellt, dass das Pausieren eines Videos, das nicht abgespielt wird, zur Entfernung der Vorschau/des Miniaturbildes führt.Anhalten eines nicht spielenden Videos entfernt thumbnail - postMessage JavaScript Youtube API

Ich verwende the Javascript Youtube API dafür.

Gibt es eine Möglichkeit, die Verwendung der API zu verhindern? Ich möchte lieber nicht überprüfen, ob das Video abgespielt wird oder nicht, weil das viel mehr Code implizieren würde.

Ich würde wahrscheinlich die new YT.player() Funktion verwenden, laden Sie die Youtube API dynamisch, hören Sie die onStateChange Ereignis, halten eine Liste der möglichen Videos und ihre Zustände ...

Reproduction online

$('#pauseVideo').click(function(){ 
    pauseVideo(); 
}); 

function pauseVideo(){ 
    var video = $('#myVideo'); 
    var element = video.get(0); 

    if (/youtube\.com\/embed\//.test(video.attr('src'))) { 
     video.get(0).contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); 
    } 
} 
+0

Hallo Alvaro, erleben Sie dieses Problem weiterhin? –

+0

@ d.datul1990 yeap. Überprüfen Sie einfach die Geige, um es zu reproduzieren. – Alvaro

Antwort

0

Wenn Sie den Link direkt als Iframe einfügen, funktionieren die meisten Optionen wie GETparameters. Versuchen Sie, controls=0&showinfo=0 der Video-URL hinzuzufügen. Der unterstützte Wert für showinfo ist 0 und 1. Wenn der Player eine Wiedergabeliste lädt und Sie den Parameterwert explizit auf 1 setzen, zeigt der Player beim Laden auch Miniaturbilder für die Videos in der Wiedergabeliste an. Beachten Sie, dass diese Funktionalität nur für den AS3-Player unterstützt wird.

Oder

Try cueVideoById Methode von queuing functions for videos zu verwenden. Diese Funktion lädt die Miniaturansicht des angegebenen Videos und bereitet den Player darauf vor, das Video abzuspielen.

  • Argument Syntax

    player.cueVideoById(videoId:String, 
    startSeconds:Number, 
    suggestedQuality:String):Void 
    
  • Object Syntax

    player.cueVideoById({videoId:String, 
    startSeconds:Number, 
    endSeconds:Number, 
    suggestedQuality:String}):Void 
    
+0

Keine dieser Lösungen scheint das Problem beim Stoppen des Videos zu lösen. [Hier ist die Geige] (https://jsfiddle.net/h9o1g2c5/2/) mit showinfo = 1. – Alvaro