js改变embed标签src值的方法

 本文实例讲述了js改变embed标签src值的方法。分享给大家供大家参考。具体分析如下：

今天有一需求，一堆视频，一堆链接，点击相关的链接，在本页打开相关的视频。

第一想法，很简单么，直接把src值改成点击的那个的href值就可以了。

试了下，发现这样不行，视频该怎么放还是怎么放，永远是刚打开那个。

第二想法，给embed外面加个标签，把里面内容清空，再写进去，这样总可以了吧。

试了下，和上面一样，依旧不行。

又试了许多类似方法，还是不行。

最后，想的，把embed标签隐藏（display:none），再清空试下。终于可以了！

代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

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;
}
}
时间： 2024-12-30 01:28:23

js改变embed标签src值的方法的相关文章

js改变embed标签src值的方法_javascript技巧

本文实例讲述了js改变embed标签src值的方法.分享给大家供大家参考.具体分析如下: 今天有一需求,一堆视频,一堆链接,点击相关的链接,在本页打开相关的视频. 第一想法,很简单么,直接把src值改成点击的那个的href值就可以了. 试了下,发现这样不行,视频该怎么放还是怎么放,永远是刚打开那个. 第二想法,给embed外面加个标签,把里面内容清空,再写进去,这样总可以了吧. 试了下,和上面一样,依旧不行. 又试了许多类似方法,还是不行. 最后,想的,把embed标签隐藏(display:no

js改变Iframe中Src的方法

  本文实例讲述了js改变Iframe中Src的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="GENE

js改变Iframe中Src的方法_javascript技巧

本文实例讲述了js改变Iframe中Src的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="GENERATOR" content="Microsoft Visual Studio .N

js实现iframe框架取值的方法(兼容IE,firefox,chrome等)_javascript技巧

本文实例讲述了js实现iframe框架取值的方法.分享给大家供大家参考,具体如下: 为啥世上会有这么多不同的浏览器?每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: iframe框架内页: <html> <head> <title>框架内页</title> </head> <body> <div> <

微信开发中使用js改变title标签中的字符，安卓能改变，ios没有改变

问题描述 微信开发中使用js改变title标签中的字符,安卓能改变,ios没有改变 比如这种,document.title ="新的title名称"但貌似这种类型的写法都不行查了很久的百度没看到确切的解决方法,求大神赐教..

简单的JS获取元素样式属性值的方法

简单的js获取元素样式属性值的方法 function attrstyle(elem,attr){  if(elem.style[attr]){   //若样式存在于html中,优先获取   return elem.style[attr];  }else if(elem.currentstyle){   //ie下获取css教程属性最终样式(同于css优先级)   return elem.currentstyle[attr];  }else if(document.defaultview &&

js获取select标签的值且兼容IE与firefox

 本篇文章主要介绍了js获取select标签的值且兼容IE与firefox.需要的朋友可以过来参考下,希望对大家有所帮助 jsp代码: 代码如下: <form id="search">  <select id="jobSelect" style="width: 200px;" name="jobSelect">   <s:if test='jobSelect == null || jobSelec

JS获取Table中td值的方法

 这篇文章主要介绍了JS获取Table中td值的方法,实例分析了javascript操作table中td的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了JS获取Table中td值的方法.分享给大家供大家参考.具体如下: 1.当要获取多行中的任意TD时,采用给每个TD设置一个共同的class   代码如下: <tr> <td style="display: none" id="td2">002</td> <

java正则去除字符中img标签src值为空的数据

问题描述 java正则去除字符中img标签src值为空的数据 获取一个字符串,其实就是HTMLEncode过来的HTML数据,有一个img标签,但是src属性为空,怎么正则将该img标签去除掉? 解决方案 用jquery对img标签进行遍历,,取到src属性后进行判断,,为""或null的删除