标题 | js改变embed标签src值的方法 |
内容 | 本文实例讲述了js改变embed标签src值的方法。分享给大家供大家参考。具体分析如下: 今天有一需求,一堆视频,一堆链接,点击相关的链接,在本页打开相关的视频。 第一想法,很简单么,直接把src值改成点击的那个的href值就可以了。 试了下,发现这样不行,视频该怎么放还是怎么放,永远是刚打开那个。 第二想法,给embed外面加个标签,把里面内容清空,再写进去,这样总可以了吧。 试了下,和上面一样,依旧不行。 又试了许多类似方法,还是不行。 最后,想的,把embed标签隐藏(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; } } |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。