你如何使用 jQuery 更改视频源?

问题描述

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

我得到了这个 HTML:

<视频控制><source src="test1.mp4" type="video/mp4"/></视频>

这不起作用:

var videoFile = 'test2.mp4';$('#divVideo 视频源').attr('src', videoFile);

如果我使用 firebug 检查它，它会更改 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 更改视频源?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！