仅在单击按钮时播放视频

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

删除<video> 中的autoplay 属性。

要开始播放视频，请在 jquery 中执行以下操作：

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

如果你想在你的网站上播放多个视频，你应该给视频一个类并直接选择类而不是$('video')