Воспроизведение видео только при нажатии кнопки

Question

Я пытаюсь воспроизводить видео только при нажатии кнопки воспроизведения, используя jQuery attr, но он, похоже, не работает. Вот пример. Я хочу, чтобы видео звучало и играло ТОЛЬКО при нажатии кнопки, поскольку у меня есть еще одна кнопка, связанная с другим видео. Вот мой codepen и мой код следующий,

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

удалить атрибут autoplay в <video>.

Для запуска видео сделайте следующее в JQuery:

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

Если вы хотите играть несколько видео на вашем сайте, вы должны дать выставлению класс и выбрать класс прямой вместо $('video')