Question

我尝试使用jquery来改变视频src，但它不起作用。它仍然加载html内联视频源。

HTML：

  <video id="lanvid" autoplay  class="lanvid"
   poster="img/Nuraghes_main.jpg" id="bgvid2"  loop >
        <source id="mp4Source" src="img/clouds.mp4" />        
  </video>

JQUERY

$(document).ready(function() {

var player = document.getElementsById('lanvid');
var mp4vid = document.getElementsById('mp4Source');

player.pause();

$(mp4Vid).attr('src', "img/about.mp4");

  player.load();
  player.play();


  });

Answer 1

首先不存在方法：“document.getElementsById”，正确的方法是“document.getElementById”而单词“Element”中没有“s”。

其次，选择器“mp4Vid”不等于“mp4vid”，“V”不同“v”，javascript区分大小写，因此你的代码应该是：

$(document).ready(function() {

var player = document.getElementById('lanvid');
var mp4vid = document.getElementById('mp4Source');

player.pause();

$(mp4vid).attr('src', "img/about.mp4");

player.load();
player.play();

});

另一方面，更好的方法是：

$(document).ready(function() {
var player = document.getElementById('lanvid');

player.pause();

$('#mp4Source').attr('src', "img/about.mp4");

player.load();
player.play();

});

用jquery更改src视频属性

1 个答案: