jquery - 使用jquery更改Video src

This question already has answers here:

changing source on html5 video tag

（16个答案）


5年前关闭。




单击播放按钮时，我想更改视频SCR
我的HTML是

<video class="mvideo" controls autoplay="autoplay">
    <source class="video" src="path.mp4" type="video/mp4" />
</video>
<button class="button">Play</button>

而我的jQuery是

$(document).ready(function(){
    $(".button").click(function(){
        $(".video").attr("src","videos/Funny Cats.mp4");
    })
});

最佳答案

动态源唯一有效的方法是将其直接应用于视频标签，例如：

<video class="mvideo" controls autoplay="autoplay"></video>
<button class="button">Play</button>

$(document).ready(function(){
    $(".button").click(function(){
        $("video").attr("src","videos/Funny Cats.mp4");
    });
});

http://jsfiddle.net/xEMzm/2/

Source