Youtube βίντεο ενσωματώσετε αναδυόμενο παιχνίδι και να σταματήσει το βίντεο


Έχω μια εικόνα ότι όταν κάνετε κλικ, ανοίγει ένα βίντεο και να παίζει αυτόματα. Η λύση που βρήκα είναι: προσθέτοντας το χαρακτηριστικό auotplay στην ετικέτα iframe. Ωστόσο, η αφαίρεση είναι λίγο πιο περίπλοκη.

Μπορεί κάποιος παρακαλώ να με βοηθήσει να ρυθμίσετε τον κώδικα ή να παρέχουν μια πιο απλή και αποτελεσματική λύση;

Έχω ψάξει παντού και δεν μπορώ να καταλάβω γιατί αυτό πρέπει να είναι τόσο περίπλοκη.

// Hero-09
$('.hollow-hero-09 .popout').css('display', 'flex').hide()

$('.hollow-hero-09 #popControl').on('click', function (e) {
    $('.hollow-hero-09 .popout').fadeIn()
    $('.hollow-hero-09 iframe')[0].src += '&autoplay=1'

const hide = () => {
    if ($('.hollow-hero-09').hasClass('play')) {
        $('.hollow-hero-09 .popout').fadeOut()
        $('.hollow-hero-09 iframe')[0].src -= '&autoplay=1'

$('.hollow-hero-09 .popout').on('click', function () {

$(document).on('keydown', function (e) {
    if (e.keyCode === 27) {
<script src=></script>

<div class=hollow-hero-09>
    <div class=flex-container>
        <div class=text>
            <h1>Welcome to Genesis Partners Group</h1>
            <h3>Strategic Solutions To Your Real Estate Problems</h3>
        <div class=img-wrap>
            <img src= alt=>
            <button class=playButton>
                <i class=fa fa-play></i>
            <div class=caption>
                <p>Sharon's Story</p>
            <a id=popControl href=#></a>
        <div class=popout>
            <iframe width=756 height=420 src= frameborder=0 allow=autoplay; encrypted-media allowfullscreen></iframe>

Δημοσιεύθηκε 07/11/2018 στις 21:52
πηγή χρήστη
Σε άλλες γλώσσες...                            

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