この記事の例では、js の embed タグの src 値を変更する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
今日はリクエストがあり、大量のビデオと多数のリンクがあります。関連するリンクをクリックして、このページの関連ビデオを開きます。
最初のアイデアは、src 値をクリックされたものの href 値に変更するだけです。
試してみましたが、動作しないことがわかりました。どのように再生しても、常に開いたばかりのビデオが再生されます。
2 番目のアイデアは、埋め込みの外側にラベルを追加し、内側のコンテンツをクリアしてから書き込むことです。これで問題ありません。
上記と同じように試してみましたが、まだ動作しません。
同様の方法をたくさん試しましたが、それでもうまくいきませんでした。
最後に、埋め込みタグを非表示(display:none)にして、再度クリアして試してみることにしました。ついにうまくいきました!
コードは次のとおりです:
var tabv = document.getElementById("f_tabv"); var tabva = tabv.getElementsByTagName("a"); var tabcv = document.getElementById("f_tab_cv"); tabcv.innerHTML = '<EMBED src="abc.wmv" autostart="true" width="545" height="325" type="video/x-ms-asf"></EMBED>'; for(var i=0; i<tabva.length; i++){ tabva[i].onclick=function(){ var href1 = this.getAttribute("href"); var href2 = '<EMBED src="'+href1+'" autostart="true" width="545" height="325" type="video/x-ms-asf"></EMBED>'; tabcv.getElementsByTagName("embed")[0].style.display="none"; tabcv.innerHTML=""; tabcv.innerHTML=href2; for(i=0; i<tabva.length; i++){ tabva[i].className=''; } this.className = "act"; return false; } }
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。