it-swarm.com.de

Können Sie die Steuerelemente einer YouTube-Einbettung ausblenden, ohne die automatische Wiedergabe zu aktivieren?

<iframe width="100%" height="100%" src="//www.youtube.com/embed/qUJYqhKZrwA?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen>

Wenn Sie? Autoplay = 1 entfernen, funktioniert das Video nicht. Sie können den Steuerelemente-Parameter ohne aktivierte Autoplay-Funktion nicht verwenden. 

Nicht sicher, warum dies nicht in der YouTube-Einbettung beschrieben wird.

Ich hoffe, ich liege falsch.

https://developers.google.com/youtube/player_parameters#controls

49
Joe Isaacson

Setze Autoplay = 0

<iframe width="100%" height="100%" src="//www.youtube.com/embed/qUJYqhKZrwA?autoplay=0&showinfo=0&controls=0" frameborder="0" allowfullscreen>

Wie hier zu sehen: Autoplay = 0 Test

109
Alice

Um den iframe YouTube weiterhin zu verwenden, müssen Sie nur ?autoplay=1 in ?autoplay=0 ändern.

Eine andere Möglichkeit, dies zu erreichen, wäre die Verwendung der YouTube JavaScript Player-API von YouTube. ( https://developers.google.com/youtube/js_api_reference )

Bearbeiten: Die YouTube JavaScript Player-API von YouTube wird nicht mehr unterstützt.

<div id="howToVideo"></div>

<script type="application/javascript">

    var ga = document.createElement('script');
    ga.type = 'text/javascript';
    ga.async = false;
    ga.src = 'http://www.youtube.com/player_api';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(ga, s);

    var done = false;
    var player;

    function onYouTubePlayerAPIReady() {
        player = new YT.Player('howToVideo', {
            height: '390',
            width: '640',
            videoId: 'qUJYqhKZrwA',
        playerVars: {
            controls: 0,
            disablekb: 1
        },
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }
    function onPlayerReady(evt) {
        console.log('onPlayerReady', evt);
    }
    function onPlayerStateChange(evt) {
        console.log('onPlayerStateChange', evt);
        if (evt.data == YT.PlayerState.PLAYING && !done) {
            setTimeout(stopVideo, 6000);
            done = true;
        }
    }

    function stopVideo() {
        console.log('stopVideo');
        player.stopVideo();
    }

</script>

Hier ist ein jsfiddle für das Beispiel: http://jsfiddle.net/fgkrj/

Beachten Sie, dass die Player-Steuerelemente im Player-Bereich des Players deaktiviert sind. Das einzige Opfer, das Sie machen, ist, dass Benutzer das Video immer noch anhalten können, indem Sie darauf klicken. Ich würde vorschlagen, eine einfache Javascript-Funktion zu schreiben, die ein Stop-Ereignis abonniert und player.playVideo() aufruft.

11
Jonn

verwenden Sie autoplay=0

autoplay nimmt 2 Werte an.

Values: 0 or 1. Default is 0. Sets whether or not the initial video will autoplay when the player loads.

der wichtige teil 

autoplay=0&showinfo=0&controls=0

Hier ist die Demo für Ihr Problem GEIGE

8
Ajey

Wenn Sie diesen ?showinfo=0&iv_load_policy=3&controls=0 vor dem Ende Ihrer src hinzufügen, wird alles außer dem rechten unteren YouTube-Logo.
Arbeitsbeispiel: http://jsfiddle.net/42gxdf0f/1/

4
Andrei
?modestbranding=1&autohide=1&showinfo=0&controls=0

autohide=1

ist etwas, das ich nie gefunden habe ... aber es war der Schlüssel :)

2
vuchkov

Folgen Sie dieser https://developers.google.com/youtube/player_parameters , um weitere Informationen zu den Video-Steuerelementen zu erhalten:

<iframe id="video_iframe" width="660" height="415" src="http://www.youtube.com/v/{{course_url}}?start=7&autoplay=0&showinfo=0&iv_load_policy=3&rel=0"
                frameborder="0"
                allowfullscreen></iframe>

start = 7 & autoplay = 0 & showinfo = 0 & iv_load_policy = 3 & rel = 0 "frameborder =" 0 " 

alle Steuerelemente sind dort beschrieben

1
GrvTyagi

Um die Tube controls und title zu entfernen, können Sie so etwas tun 

<iframe width="560" height="315" src="https://www.youtube.com/embed/zP0Wnb9RI9Q?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen ></iframe>

Code mit Ausgabe

showinfo=0 wird zum Entfernen des Titels und &controls=0 zum Entfernen von Steuerelementen wie volume, play, pause, spend verwendet.

0
Umang Patwa