使用jquery更改视频src

Question

我想在点击播放按钮时更改视频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");
    })
});

Answer 1

动态资源的唯一运作方式是，如果您将它们直接应用于视频标记，例如：

<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

Answer 2

试试这个：

$(".button").click(function(){
        var video = $(".video").get(0);
        $(video).attr("src","a");
    alert($(video).attr("src"));
})

通过这种方式，您可以使用以下方法：音量和其他方法。使用jQuery Object你不能。