Hogyan Automatikus lejátszás leállítása youtube iframe videót?

szavazat
0

Nekem van egy beágyazott youtube videó iframe, amely Automatikus lejátszás egy kattintással. Most azt kell állítanunk Automatikus lejátszás iframe videót, miközben kattintva külső (ablak) vagy bezár gombra. Megpróbáltam több dolgot, de mindkét esetben nem működik együtt, mint ha videó kapnánk megáll majd, automatikus nem fog működni és fordítva. A következőkben a kódomat.

// Ez az eset, ha a videó egyre megállt kattintva kívül, de az automatikus lejátszás nem működik

<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>

// Ez az eset, amikor az automatikus lejátszás működik, de a videót nem kapok megállt

<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>

Kedves nekem segíteni, ha ti is szembesültek hasonló a helyzet, vagy probléma.

A kérdést 24/10/2019 12:57
a forrás felhasználó
Más nyelveken...                            

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