js改变embed标签src值的方法


Posted in Javascript onApril 10, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
Mootools 1.2教程 定时器和哈希简介
Sep 15 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
js实现Select列表内容自动滚动效果代码
Aug 20 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
javascript实现拖放效果
Dec 16 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
Jun 30 Javascript
Vue自定义事件(详解)
Aug 19 Javascript
select2 ajax 设置默认值,初始值的方法
Aug 09 Javascript
详解Vue.js v-for不支持IE9的解决方法
Dec 29 Javascript
命令行批量截图Node脚本示例代码
Jan 25 Javascript
Angular脚手架开发的实现步骤
Apr 09 Javascript
js使用setTimeout实现定时炸弹的方法
Apr 10 #Javascript
js实现简单选项卡与自动切换效果的方法
Apr 10 #Javascript
js实现星星打分效果的方法
Jul 05 #Javascript
js实现简单的可切换选项卡效果
Apr 10 #Javascript
js使用DOM操作实现简单留言板的方法
Apr 10 #Javascript
js实现简单鼠标跟随效果的方法
Apr 10 #Javascript
js实现交换运动效果的方法
Apr 10 #Javascript
You might like
使用bcompiler对PHP文件进行加密的代码
2010/08/29 PHP
php代码书写习惯优化小结
2013/06/20 PHP
php inc文件使用的风险和注意事项
2013/11/12 PHP
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
php计算到指定日期还有多少天的方法
2015/04/14 PHP
php版微信公众平台回复中文出现乱码问题的解决方法
2016/09/22 PHP
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
2012/08/09 Javascript
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
2013/01/11 Javascript
js获取select标签的值且兼容IE与firefox
2013/12/30 Javascript
Jquery中find与each方法用法实例
2015/02/04 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
微信小程序 video组件详解
2016/10/25 Javascript
Angular实现购物车计算示例代码
2017/02/21 Javascript
基于JavaScript实现报警器提示音效果
2017/10/27 Javascript
React中的render何时执行过程
2018/04/13 Javascript
页面点击小红心js实现代码
2018/05/26 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
2018/11/06 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
小程序跳转到的H5页面再跳转回跳小程序的方法
2020/03/06 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
[55:56]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
理解Python中的绝对路径和相对路径
2017/08/30 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
django fernet fields字段加密实践详解
2019/08/12 Python
Python实现微信中找回好友、群聊用户撤回的消息功能示例
2019/08/23 Python
Elasticsearch py客户端库安装及使用方法解析
2020/09/14 Python
国外平面设计第一市场:99designs
2016/10/25 全球购物
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
企业宗旨标语
2014/06/10 职场文书
2015年人事工作总结范文
2015/04/09 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
opencv用VS2013调试时用Image Watch插件查看图片
2021/07/26 Python
Java实现经典游戏泡泡堂的示例代码
2022/04/04 Java/Android