it-swarm.com.de

YouTube Autoplay funktioniert nicht

Meine Website verfügt über einen Player für mehrere Videos. Ich habe den Code angepasst, um die iframe-API von YouTube als Player zu verwenden. Ich kann die Videos nicht automatisch abspielen. Hier ist der entsprechende Code:

    <body>
          <iframe id="existing-iframe-example"
              width="640" height="360"
              src="https://www.youtube.com/embed/-SFcIUEvNOQ?   autoplay=1&;enablejsapi=1"
              frameborder="0"
              autoplay="1"
              style="border: solid 4px #37474F"
              ></iframe>
        <div id="player"></div>

        <div id="movieButtons" class="movieButtons">
        <button class="movieButton" data-movieAdr="1-VjtC939_Q">Memorial Slide Show</button>

Der Rest ist ein standardmäßiges YouTube-iframe-API-Skript. Wie Sie sehen, habe ich versucht, Autoplay = 1 sowohl als iframe-Parameter als auch als Teil der iframe-Quelle einzustellen. Ich habe auch versucht, es in die Daten in der Schaltfläche aufzunehmen. Nichts davon scheint zu funktionieren. Die Vids werden geladen, wenn Sie auf die Schaltflächen klicken, sie werden jedoch nicht automatisch abgespielt.

6
Bewildered

Es funktioniert seit April 2018 nicht mehr, da Google entschieden hat, den Nutzern eine bessere Kontrolle über die Wiedergabe zu geben. Sie müssen nur & mute = 1 zu Ihrer URL hinzufügen. Änderungen der Autoplay-Richtlinie

<iframe id="existing-iframe-example"
          width="640" height="360"
          src="https://www.youtube.com/embed/-SFcIUEvNOQ?autoplay=1&mute=1&enablejsapi=1"
          frameborder="0"
          style="border: solid 4px #37474F"
          ></iframe>

Update:

Audio/Video-Updates in Chrome 73

Google sagte: Da Progressive Web Apps (PWAs) nun auf allen Desktop-Plattformen verfügbar sind, erweitern wir die Regel, die wir auf Mobilgeräten hatten, auf den Desktop: Die automatische Wiedergabe mit Ton ist jetzt für installierte PWAs zulässig. Beachten Sie, dass dies nur für Seiten im Bereich des Web-App-Manifests gilt. https://developers.google.com/web/updates/2019/02/chrome-73-media-updates#autoplay-pwa

46
Fab

mute=1 Oder muted=1, Wie von @ Fab vorgeschlagen, funktionieren. Wie auch immer Wenn Sie die automatische Wiedergabe mit Ton aktivieren möchten, sollten Sie allow="autoplay" Zu Ihrem eingebetteten <iframe> Hinzufügen.

<iframe type="text/html" src="https://www.youtube.com/embed/-ePDPGXkvlw?autoplay=1" frameborder="0" allow="autoplay"></iframe>

Dies wird offiziell in Änderung der Autoplay-Richtlinie 2017 von Google unterstützt und dokumentiert

IFrame-Delegierung Mithilfe einer Funktionsrichtlinie können Entwickler die Verwendung verschiedener Browserfunktionen und APIs selektiv aktivieren und deaktivieren. Sobald ein Origin die Autoplay-Berechtigung erhalten hat, kann er diese Berechtigung an Cross-Origin-Iframes mit einer neuen Feature-Richtlinie für das Autoplay delegieren. Beachten Sie, dass die automatische Wiedergabe in iframes mit demselben Ursprung standardmäßig zulässig ist.

<!-- Autoplay is allowed. -->
<iframe src="https://cross-Origin.com/myvideo.html" allow="autoplay">

<!-- Autoplay and Fullscreen are allowed. -->
<iframe src="https://cross-Origin.com/myvideo.html" allow="autoplay; fullscreen">

Wenn die Feature-Richtlinie für die automatische Wiedergabe deaktiviert ist, lehnen Aufrufe von play () ohne Benutzergeste das Versprechen mit einer NotAllowedError-DOMException ab. Das Autoplay-Attribut wird ebenfalls ignoriert.

42
Dzejms

Mit diesem Code können Sie das iFrame-Video automatisch abspielen.

<iframe src="https://www.youtube.com/embed/2MpUj-Aua48?rel=0&modestbranding=1&autohide=1&mute=1&showinfo=0&controls=0&autoplay=1"  width="560" height="315"  frameborder="0" allowfullscreen></iframe>

Hier arbeitet Geige

3
YoJey Thilipan

Entfernen Sie die Leerzeichen vor der automatischen Wiedergabe = 1: Src = "https://www.youtube.com/embed/-SFcIUEvNOQ?autoplay=1&;enablejsapi=1".

1
user2693928

Sie können den eingebetteten Player mit Deckkraft auf einem Titelfoto mit einem rechts positionierten Wiedergabesymbol verwenden. Danach können Sie das ActiveElement Ihres Dokuments überprüfen. 

Natürlich weiß ich, dass dies keine optimale Lösung ist, funktioniert aber auch auf mobilen Geräten.

<div style="position: relative;">
   <img src="http://s3.amazonaws.com/content.newsok.com/newsok/images/mobile/play_button.png" style="position:absolute;top:0;left:0;opacity:1;" id="cover">
   <iframe width="560" height="315" src="https://www.youtube.com/embed/2qhCjgMKoN4?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in- picture" allowfullscreen style="position: absolute;top:0;left:0;opacity:0;" id="player"></iframe>
 </div>
 <script>
   setInterval(function(){
      if(document.activeElement instanceof HTMLIFrameElement){
         document.getElementById('cover').style.opacity=0;
         document.getElementById('player').style.opacity=1;
       }
    } , 50);
  </script>

Versuchen Sie es auf Codepen: https://codepen.io/sarkiroka/pen/OryxGP

0
sarkiroka