仅在单击按钮时播放视频

时间:2017-01-24 14:53:26

标签: jquery css html5-video

我只是在点击播放按钮时尝试播放视频,使用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");

});

});

1 个答案:

答案 0 :(得分:3)

Codepen

删除autoplay中的<video>属性。

要在jquery中启动视频,请执行以下操作:

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

如果您想在自己的网站上播放多个视频,则应该为视频提供课程并直接选择课程,而不是$('video')