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 相关文章推荐
Prototype使用指南之selector.js
Jan 10 Javascript
Jquery 常用方法经典总结
Jan 28 Javascript
Javascript中arguments对象详解
Oct 22 Javascript
js实现鼠标悬浮给图片加边框的方法
Jan 30 Javascript
jquery马赛克拼接翻转效果代码分享
Aug 24 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
Jun 22 Javascript
JavaScript内存泄漏的处理方式
Nov 20 Javascript
vuex 的简单使用
Mar 22 Javascript
关于JavaScript中高阶函数的魅力详解
Sep 07 Javascript
JavaScript设计模式之代理模式实例分析
Jan 16 Javascript
通过layer实现可输入的模态框的例子
Sep 27 Javascript
使用AutoJs实现微信抢红包的代码
Dec 31 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
详细介绍:Apache+PHP+MySQL配置攻略
2006/09/05 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
javascript Math.random()随机数函数
2009/11/04 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
jquery showModelDialog的使用方法示例详解
2013/11/19 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
一个CSS+jQuery实现的放大缩小动画效果
2014/02/19 Javascript
node.js中的http.createServer方法使用说明
2014/12/14 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
2017/10/24 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
jackson解析json字符串,首字母大写会自动转为小写的方法
2017/12/22 Javascript
代码详解JS操作剪贴板
2018/02/11 Javascript
Vue项目查看当前使用的elementUI版本的方法
2018/09/27 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
2019/11/13 Javascript
[02:00]DOTA2英雄COSPLAY闹市街头巡游助威2015国际邀请赛
2015/08/02 DOTA
python使用turtle库与random库绘制雪花
2018/06/22 Python
PyQt弹出式对话框的常用方法及标准按钮类型
2019/02/27 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
Linux下远程连接Jupyter+pyspark部署教程
2019/06/21 Python
python标准库os库的函数介绍
2020/02/12 Python
在python中实现求输出1-3+5-7+9-......101的和
2020/04/02 Python
django为Form生成的label标签添加class方式
2020/05/20 Python
基于python实现操作git过程代码解析
2020/07/27 Python
基于Python模拟浏览器发送http请求
2020/11/06 Python
Python3+Django get/post请求实现教程详解
2021/02/16 Python
关键字throw与throws的用法差异
2016/11/22 面试题
餐饮业创业计划书范文
2014/01/06 职场文书
贷款承诺书范文
2014/05/19 职场文书
根叔历年演讲稿
2014/05/20 职场文书
离婚协议书的书写要求
2014/09/17 职场文书
化工厂员工工作总结
2015/10/15 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
给原生html中添加水印遮罩层的实现示例
2021/04/02 Javascript