jquery - 仅在单击按钮时播放视频

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