1
我只是想知道如何單擊鏈接後使用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
嘿COLD告訴過!它工作..thx! :d – zangetsKid