如何更改jQuery中的视频src属性值？

我只是想知道如何单击链接后使用jQuery更改src属性值。我希望当用户点击网页上的链接时，将会播放一个新视频作为转换到另一个页面。下面是我的HTML和jQuery看起来像现在：如何更改jQuery中的视频src属性值？

<script type = "text/javascript" src = "jquery-1.10.2.js"></script> 
<script type = "text/javascript" language = "javascript"> 

$(document).ready(function() { 
    $("a").click(function() { 
     //alert("Test"); 
     $("#vid source:nth-child(1)").attr("src","Media/bar-transition.mp4"); 
     $('#vid source:nth-child(2)').attr("src","Media/bar-transition.webm"); 
     $('#vid source:nth-child(3)').attr("src","Media/bar-transition.ogv"); 
     $('#vid')[0].play(); 
    }); 
}); 
</script> 

<body onload = "setTimeout(showIt,3000)"> 

<div id="main"> 
    <video id="vid" autoplay /> 
    <source src="Media/test-vid-rev.mp4" type="video/mp4" /> 
    <source src="Media/test-vid-rev.webm" type="video/webm" /> 
    <source src="Media/test-vid-rev.ogv" type="video/ogg" /> 
    Your browser do not support the video type 
</video> 
<div class="nav-transition"> 
    <ul id="nav"> 
     <li id="graphic"> <a href="#g"></a></li> 
      <li id="product"> <a href="#p"></a></li> 
      <li id="digital"> <a href="#d"></a></li> 
      <li id="view"> <a href="#v"></a></li>   
     </ul> 
    </div> 
</div>

当我点击了link("#g","#p",etc),视频源没有得到changed..is有什么错我的jQuery的语法？任何人都可以帮忙吗？我是一个新手，jQuery的..

THX
-zangetsKid

来源

2013-08-23 zangetsKid

我认为你需要添加

$('#vid')[0].load()

来源

2013-08-23 04:30:17

嘿COLD告诉过！它工作..thx！：d – zangetsKid

如何更改jQuery中的视频src属性值？

回答

相关问题