リンクをクリックした後、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