Video wird nur abgespielt, wenn auf geklickt wird

Question

Ich versuche Video nur abzuspielen, wenn die Wiedergabetaste angeklickt wird, mit jQuery attr, aber es scheint nicht zu funktionieren. Hier ist ein Beispiel. Ich möchte, dass das Video Ton hat und nur dann abgespielt wird, wenn die Taste gedrückt wird, da ich eine andere Taste mit einem anderen Video verknüpft habe. Hier ist mein codepen und mein Code folgt,

jQuery(document).ready(function() { 
jQuery(".glyphicon-play-circle").click(function() { 
    jQuery(".sports-video").css("display", "block") 
    jQuery("#bgvid").toggleClass("is-not-active"); 
    jQuery(".fullscreen").toggleClass("is-video-active").attr("autoplay","true"); 

}); 

});

Answer 1

Codepen

das autoplay Attribut in den <video> entfernen.

das Video gehen Sie wie folgt in Jquery zu starten:

$(document).ready(function() { 
    $(".glyphicon-play-circle").click(function() { 
     $('video').get(0).play(); 
    }); 
}); 

Wenn Sie mehrere Videos auf Ihrer Website spielen, sollten Sie das Video eine Klasse geben und die Klasse direkt statt $('video')