使用jquery更改视频src

使用jquery更改视频src,jquery,Jquery,我想在单击“播放”按钮时更改视频scr 我的html是 <video class="mvideo" controls autoplay="autoplay"> <source class="video" src="path.mp4" type="video/mp4" /> </video> <button class="button">Play</button> 试试这个: $(".button").click(functio

我想在单击“播放”按钮时更改视频scr 我的html是

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

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

通过这种方式,您可以使用以下方法:volume和others。使用jQuery对象是不可能的。

动态源工作的唯一方法是直接将它们应用到视频标记,例如:

<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");
    });
});

玩
$(文档).ready(函数(){
$(“.button”)。单击(函数(){
$(“video”).attr(“src”,“videos/fully Cats.mp4”);
});
});


试试
$(“.video source”).prop(“src”、“videos/fully Cats.mp4”)那么,当您尝试这样做时会发生什么?错误@Satpal,类视频中没有具有子代源元素的元素<代码>
是该类的元素。@Satpal类视频是源标记此方法将有帮助:您有更多的代码吗?因为你的作品会改变src,但新的视频不会播放
<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");
    });
});