1


我只是想知道单击链接后如何使用 jQuery 更改 src 属性值。我希望当用户单击网页上的链接时，将播放一个新视频作为到另一个页面的过渡。这是我的 html 和 jquery 现在的样子：

<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),视频源时没有改变..我的 jQuery 语法有什么问题吗？有人可以帮忙吗？我是jQuery的新手..


谢谢-zangetsKid

4

1 回答 1

1

我认为您需要添加

$('#vid')[0].load()
于 2013-08-23T04:30:17.580 回答