js改变embed标签src值的方法
本文实例讲述了js改变embed标签src值的方法。分享给大家供大家参考。具体分析如下:
今天有一需求,一堆视频,一堆链接,点击相关的链接,在本页打开相关的视频。
第一想法,很简单么,直接把src值改成点击的那个的href值就可以了。
试了下,发现这样不行,视频该怎么放还是怎么放,永远是刚打开那个。
第二想法,给embed外面加个标签,把里面内容清空,再写进去,这样总可以了吧。
试了下,和上面一样,依旧不行。
又试了许多类似方法,还是不行。
最后,想的,把embed标签隐藏(display:none),再清空试下。终于可以了!
代码如下:
vartabv=document.getElementById("f_tabv");
vartabva=tabv.getElementsByTagName("a");
vartabcv=document.getElementById("f_tab_cv");
tabcv.innerHTML='<EMBEDsrc="abc.wmv"autostart="true"
width="545"height="325"type="video/x-ms-asf"></EMBED>';
for(vari=0;i<tabva.length;i++){
tabva[i].onclick=function(){
varhref1=this.getAttribute("href");
varhref2='<EMBEDsrc="'+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";
returnfalse;
}
}
希望本文所述对大家的javascript程序设计有所帮助。
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短