js改变embed标签src值的方法
更新时间：2015年04月10日 12:06:39 作者：jingangel
这篇文章主要介绍了js改变embed标签src值的方法,涉及javascript操作元素属性的技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了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;
}
}
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
这篇文章主要介绍了微信小程序实现多张照片上传功能,当服务器的状态码为200且图片上传完毕后将图片的src转化为Json字符串存在数组中以便将其添加到数据库,本文通过实例代码介绍的非常详细,需要的朋友可以参考下2024-03-03
这篇文章主要介绍了JavaScript Image对象实现原理实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08
全局对象的isNaN()方法通常用于检测 parseFloat() 和 parseInt() 的结果，下面为大家介绍下其具体的使用，感兴趣的朋友可以参考下2013-12-12
这篇文章主要为大家介绍了巧妙解决Layui.table组件分页问题方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
这篇文章主要介绍了浅谈es6中的元编程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
这篇文章主要介绍了JavaScript从数组中删除指定值元素的方法,实例分析了两种常用的javascript操作数组指定元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了原生JS实现的放大镜特效,涉及javascript事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下2018-12-12
layui数据表格 table.render 报错的解决方法
今天小编就为大家分享一篇layui数据表格 table.render 报错的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
这篇文章主要介绍了详解基于DllPlugin和DllReferencePlugin的webpack构建优化，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
这篇文章主要介绍了写一个飞快的 JavaScript 打包压缩工具，非常好用，本文给大家分享实现思路,需要的朋友可以参考下2020-04-04
最新评论