2017-09-19 2 views
0

Hallo Ich zeige ein Youtube-Video in einem Div-Vollbildmodus. Es ändert die Größe im Fenster Größe ändern und die wichtigste Sache, die es bei Bedarf geladen und Wiedergabe/Pause, wenn es im Ansichtsfenster ist oder nicht.youtube.com/player_api Hintergrund Video startSeconds Fehler

Um das Ansichtsfenster und verzögertes Laden steuert ich bin viewportchecker So verwende, ViewportChecker zu überprüfen, ob das DIV im Ansichtsfenster ist, wenn ja er das funcion playPause1 startet, wird die Funktion das Video oder pausiert es im Fall starten Das Video wird bereits abgespielt.

$('#Wraptv1').viewportChecker({ 
    callbackFunction: playPause1, 
    offset: 300, 
    repeat: true, 
}); 

Alles funktioniert sehr gut, aber manchmal ist das Video des start Parameter meist nicht zu respektieren, wenn die Seite geladen wird, wenn das Video DIV außerhalb des Ansichtsfensters ist. In diesem Fall das erste Video in den zweiten 30 beginnen sollte (wie tou unten in den Video-Parametern sehen kann), aber es geht von den zweiten 0.

Videoparametern:

var ystv1 = [{ 
     'videoId': 'Gc2en3nHxA4', 
     'startSeconds': 30, 
     'endSeconds': 45, 
     'suggestedQuality': 'hd720' 
    },{ 
     'videoId': 'Gc2en3nHxA4', 
     'startSeconds': 65, 
     'endSeconds': 90, 
     'suggestedQuality': 'hd720' 
    }, ], 

Hier ist die Codebeispiel: https://codepen.io/ysanmiguel/pen/WEGwqO

Hilfe oder Vorschlag, um dieses Problem zu beheben oder den Code zu verbessern? vielen Dank.

Antwort

0

Das gleiche Szenario ist in diesem SO post erforderlich.

Hier ist das Hauptproblem des Benutzers:

Für mein Projekt Ich brauche die aktuelle Zeit steuern zu können, dass das Video abgespielt wird. Ich habe die You-Tube-API-Notizen und Daten durchsucht, aber konnte weder einen Parameter noch eine Funktion finden, die es mir ermöglicht, die aktuelle Zeit des Videos einzustellen (Es gibt ein GET für die aktuelle Zeit, aber nicht ein Set).

Sie können auch versuchen, die answer in diesem SO-Post und besuchen Sie die folgenden Dokumente.

Zuerst müssen Sie einen JS Verweis auf das Player-Objekt. Für einen schnellen Start, bitte einen Blick auf die folgende Frage nehmen:

Mit dieser Referenz können Sie tun:

player.seekTo(42); //Go to 42 seconds