Question

我只是想知道如何在单击链接后使用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的新手..

THX
-zangetsKid

Answer 1

我认为你需要添加

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

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

1 个答案: