前端小技巧:使用jquery动态修改video标签source的src切换视频

814 阅读1分钟

下面是一个简单video标签

最开始的写法

$(".video video").attr("src", 视频路径); 的确是赋值成功,但是浏览器并没有去请求这个视频地址。

$(".play_MP4").click(function () {

let MP4_src = $(this).closest("*[data-src]").attr("data-src");

//并重新加载视频src

$(".video video source").attr("src",MP4_src);

$(".video video").load();

})

使用load()就OK了。

测试地址 www.runoob.com/try/try.php…

如图: image.png