Comment arrêter iframe youtube vidéo la lecture automatique?

voix
0

J'ai une vidéo intégrée YouTube iFrame, qui est sur le clic la lecture automatique. Maintenant, je dois arrêter cette vidéo iFrame en la lecture automatique en cliquant sur l'extérieur (fenêtre) ou sur le bouton Fermer. J'ai essayé plusieurs choses, mais les deux scénarios ne fonctionne pas ensemble, comme si la vidéo ne s'arrêter alors, AutoPlay ne fonctionnera pas et vice-versa. Voici mon code.

// Ceci est le cas lorsque la vidéo est de s'arrêté sur l'extérieur cliquant, mais AutoPlay ne fonctionne pas

<div id=modalVideo class=modal fade>
                    <div class=modal-dialog>
                        <div class=modal-content>
                            <div class=modal-header>
                                <button type=button class=close data-dismiss=modal
                                    aria-hidden=true>&times;</button>
                                <img alt=Brand src={{ 'logo@2x.png' | asset_url }} height=20>
                            </div>
                            <div class=embed-responsive embed-responsive-16by9>
                                <iframe class=embed-responsive-item width=560 height=315
                                    src=https://www.youtube.com/embed/aqkGCzcx34A?enablejsapi=1&version=3&playerapiid=ytplayer&autoplay=1
                                    frameborder=0
                                    allow=accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture
                                    allowfullscreen></iframe>
                            </div>
                        </div>
                    </div>
                </div>

<script>
$(window).click(function () {
        $('.embed-responsive-item')[0].contentWindow.postMessage('{event:command,func:' + 'stopVideo' + ',args:}', '*');
    });
</script>

// Ceci est le cas lorsque AutoPlay fonctionne, mais la vidéo ne s'arrête

<div id=modalVideo class=modal fade>
                    <div class=modal-dialog>
                        <div class=modal-content>
                            <div class=modal-header>
                                <button type=button class=close data-dismiss=modal
                                    aria-hidden=true>&times;</button>
                                <img alt=Brand src={{ 'logo@2x.png' | asset_url }} height=20>
                            </div>
                            <div class=embed-responsive embed-responsive-16by9>
                                <iframe class=embed-responsive-item width=560 height=315
                                    src=https://www.youtube.com/embed/aqkGCzcx34A?autoplay=1
                                    frameborder=0
                                    allow=autoplay
                                    allowfullscreen></iframe>
                            </div>
                        </div>
                    </div>
                </div>

<script>
$(window).click(function () {
        $('.embed-responsive-item')[0].contentWindow.postMessage('{event:command,func:' + 'stopVideo' + ',args:}', '*');
    });
</script>

aider à bien vouloir me faire savoir si vous les gars ont dû faire face la même situation ou un problème.

Créé 24/10/2019 à 12:57
source utilisateur
Dans d'autres langues...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more