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 相关文章推荐
用Javscript实现表单复选框的全选功能
May 25 Javascript
js改变文章字体大小的实例代码
Nov 27 Javascript
javascript打印html内容功能的方法示例
Nov 28 Javascript
node.js中的fs.lchownSync方法使用说明
Dec 16 Javascript
jQuery模拟黑客帝国矩阵效果实例
Jun 28 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
jQuery+css实现的切换图片功能代码
Jan 27 Javascript
基于jQuery倒计时插件实现团购秒杀效果
May 13 Javascript
jQuery移动端图片上传组件
Jun 12 Javascript
JavaScript 身份证号有效验证详解及实例代码
Oct 20 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
Jan 17 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
Jul 15 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
德生PL990,目前市面上唯一一款便携式插卡蓝牙全波段高性能收音机
2021/03/02 无线电
CURL状态码列表(详细)
2013/06/27 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
PHP合并数组函数array_merge用法分析
2017/02/17 PHP
Yii2.0 RESTful API 基础配置教程详解
2018/12/26 PHP
Thinkphp5.0 框架的请求方式与响应方式分析
2019/10/14 PHP
28个JS验证函数收集
2010/03/02 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
2013/02/01 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
Java/JS获取flash高宽的具体方法
2013/12/27 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
Bootstrap table使用方法汇总
2017/11/17 Javascript
vue刷新和tab切换实例
2018/02/11 Javascript
vue-自定义组件传值的实例讲解
2018/09/18 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
JavaScript中的惰性载入函数及优势
2020/02/18 Javascript
一篇文章入门Python生态系统(Python新手入门指导)
2015/12/11 Python
Python爬取网易云音乐热门评论
2017/03/31 Python
利用numpy+matplotlib绘图的基本操作教程
2017/05/03 Python
利用scrapy将爬到的数据保存到mysql(防止重复)
2018/03/31 Python
使用pandas将numpy中的数组数据保存到csv文件的方法
2018/06/14 Python
Flask实现图片的上传、下载及展示示例代码
2018/08/03 Python
Python3.5迭代器与生成器用法实例分析
2019/04/30 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
django drf框架自带的路由及最简化的视图
2019/09/10 Python
Pytorch释放显存占用方式
2020/01/13 Python
用python写PDF转换器的实现
2020/10/29 Python
python中常用的数据结构介绍
2021/01/12 Python
python 制作网站小说下载器
2021/02/20 Python
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
纯CSS3大转盘抽奖示例代码(响应式、可配置)
2017/01/13 HTML / CSS
反对邪教标语
2014/06/30 职场文书
如何写好一份优秀的工作总结?
2019/06/21 职场文书
matplotlib之pyplot模块实现添加子图subplot的使用
2021/04/25 Python
详解Redis在SpringBoot工程中的综合应用
2021/10/16 Redis
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL