Πώς να σταματήσει autoplaying βίντεο από το YouTube iframe;

ψήφοι
0

Θα έχετε ένα ενσωματωμένο βίντεο από το YouTube iframe, το οποίο autoplaying για κλικ. Τώρα, πρέπει να σταματήσει αυτή η autoplaying iframe βίντεο, ενώ κάνοντας κλικ στο εξωτερικό (window) ή να κλείσει το κουμπί. Έχω δοκιμάσει πολλούς πράγματα, αλλά τόσο το σενάριο δεν εργάζονται μαζί, όπως και αν το βίντεο θα πάρει σταματήσει στη συνέχεια, autoplay δεν θα λειτουργήσει και αντίστροφα. Μετά είναι ο κωδικός μου.

// Αυτή είναι η περίπτωση όταν το βίντεο είναι να πάρει σταμάτησε σε κλικ έξω, αλλά autoplay δεν λειτουργεί

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

// Αυτό συμβαίνει όταν autoplay λειτουργεί, αλλά το βίντεο δεν έχει πάρει σταμάτησε

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

Καλοσύνη να με βοηθήσει αν εσείς έχετε αντιμετωπίσει παρόμοια κατάσταση ή πρόβλημα.

Δημοσιεύθηκε 24/10/2019 στις 12:57
πηγή χρήστη
Σε άλλες γλώσσες...                            

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