ホームページ > ウェブフロントエンド > jsチュートリアル > 埋め込みタグsrc value_javascriptスキルを変更するjsメソッド

埋め込みタグsrc value_javascriptスキルを変更するjsメソッド

WBOY
リリース: 2016-05-16 16:04:48
オリジナル
1474 人が閲覧しました

この記事の例では、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 プログラミング設計に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート