Hoe om te stoppen Autoplaying youtube iframe video?

stemmen
0

Ik heb wel een embedded youtube iframe video, die is Autoplaying op klik. Nu, ik moet dit Autoplaying iframe video te stoppen, terwijl op te klikken buiten (venster) of sluitknop. Ik heb verschillende dingen geprobeerd, maar beide scenario is niet samen te werken, net als video zou krijgen dan stoppen, zal automatisch afspelen niet werken en vice versa. Het volgende is mijn code.

// Dit is het geval wanneer de video wordt steeds gestopt op buiten te klikken, maar automatisch afspelen werkt niet

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

// Dit is het geval wanneer automatisch afspelen werkt, maar video krijgt niet gestopt

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

Kindly help me als jullie soortgelijke situatie of probleem geconfronteerd.

De vraag is gesteld op 24/10/2019 om 12:57
bron van user
In andere talen...                            

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