リンクをクリックすると、別div内のembedのsrc部分だけを書き換え、映像を切り替えたいのですが、下のサイトなどを参考にしたのですが切り替わりません。
サンプルの映像は、sampleファイル内にあります。
HTML
<div id="videoplayer"><!--映像再生ボックス--> <!--以下のembedにクリックしたファイル名のmp4が表示--> <embed src="sample.mp4" width="400px" height="400px" autostart="false" id="video"> <noembed> サンプル </noembed> </div><!--/映像再生画面--> <div><!--映像ファイル一覧--> <table class="video" border="1px"> <thead> <tr><th>ファイル名</th><th>時間</th></tr> </thead> <tbody> <tr><td><a href="" id="file1" onclick="videofile(num)">sample2.mp4</a></td><td>00:00:06</td></tr> <tr><td><a href="" id="file2" onclick="videofile(num)">sample3.mp4</a></td><td>00:00:15</td></tr> <tr><td><a href="" id="file3" onclick="videofile(num)">sample4.mp4</a></td><td>00:00:18</td></tr> <tr><td><a href="" id="file4" onclick="videofile(num)">sample5.mp4</a></td><td>00:06:06</td></tr> </tbody> </table> </div><!--/映像ファイル一覧-->
css
function videofile(num){ var arrVideo = new Array("video0.mp4","video1.mp4","video2.mp4","video3.mp4"); var emb = '<embed # autostart="true">'; emb=emb.replace('#','src=sample/"'+arrVideo[num]+'"'); document.getElementById("videoplayer").innerHTML = emb; }
音楽を切り替える2
また、この回答も参考に、document.getElementById("videoplayer").setAttribute("src","sample/video0.mp4");
も試しましたが動きませんでした。
どこが間違っているのでしょうか?教えていただきたいです。
<EMBED>タグのSRCの値のみ変更 - JavaScript | 教えて!goo
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。