你如何使用jQuery更改视频src？ [英] How do you change video src using jQuery?

问题描述

如何使用jQuery更改HTML5视频标签的src？

我得到了这个HTML：

 < div id =divVideo> 
<视频控制> 
< source src =test1.mp4type =video / mp4/> 
< / video> 
< / div> 
  

这不起作用：

  var videoFile ='test2.mp4'; 
 $（'＃divVideo video source'）。attr（'src'，videoFile）; 
  

如果我使用萤火虫检查它，它会更改src，但实际上并未改变正在播放的视频。

我读过.pause（）和.load（），但我不知道如何使用它们。

解决方案 在更改src属性后，试试 $（＃divVideo video）[0] .load（）; 。

How do you change the src of a HTML5 video tag using jQuery?

I got this HTML:

<div id="divVideo">
  <video controls>
    <source src="test1.mp4" type="video/mp4" />
  </video>
</div>

This doesn't work:

var videoFile = 'test2.mp4';
$('#divVideo video source').attr('src', videoFile);

It changes the src if I inspect it using firebug, but does not actually change the video being played.

I read about .pause() and .load(), but I'm not sure how to use them.

解决方案

Try $("#divVideo video")[0].load(); after you changed the src attribute.

这篇关于你如何使用jQuery更改视频src？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！