我只是想知道如何在单击链接后使用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
我认为您需要添加
$('#vid')[0].load()
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句