用jquery更改src视频属性

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” 无字中的 “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(); 

});