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 相关文章推荐
用cookies实现的可记忆的样式切换效果代码下载
Dec 24 Javascript
jQuery入门第一课 jQuery选择符
Mar 14 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
Mar 26 Javascript
用jquery仿做发微博功能示例
Apr 18 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
jQuery实现图片文字淡入淡出效果
Dec 21 Javascript
简单的分页代码js实现
May 17 Javascript
jQuery控制div实现随滚动条滚动效果
Jun 07 Javascript
jQuery实现的放大镜效果示例
Sep 13 Javascript
浅谈react 同构之样式直出
Nov 07 Javascript
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
使用JS实现鼠标放上图片进行放大离开实现缩小功能
Jan 27 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
global.php
2006/12/09 PHP
javascript 小型动画组件与实现代码
2010/06/02 PHP
PHP文件上传、客户端和服务器端加限制、抓取错误信息、完整步骤解析
2017/01/12 PHP
ThinkPHP实现生成和校验验证码功能
2017/04/28 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
Mac下快速搭建PHP开发环境步骤详解
2019/05/05 PHP
childNodes.length与children.length的区别
2009/05/14 Javascript
js跟随滚动条滚动浮动代码
2009/12/31 Javascript
jquery选择器的选择使用及性能介绍
2013/01/16 Javascript
js和css写一个可以自动隐藏的悬浮框
2014/03/05 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
jQuery判断对象是否存在的方法
2015/02/05 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
深入理解JS实现快速排序和去重
2016/10/17 Javascript
Vue常用指令V-model用法
2017/03/08 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
2017/06/14 Javascript
Vue单文件组件基础模板小结
2017/08/10 Javascript
vue仿淘宝订单状态的tab切换效果
2020/06/23 Javascript
js 提取某()特殊字符串长度的实例
2017/12/06 Javascript
vue-cli构建项目下使用微信分享功能
2018/05/28 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
2018/09/05 Javascript
详解如何在微信小程序开发中正确的使用vant ui组件
2018/09/13 Javascript
通过微信公众平台获取公众号文章的方法示例
2019/12/25 Javascript
谈谈JavaScript中的垃圾回收机制
2020/09/17 Javascript
python3读取MySQL-Front的MYSQL密码
2017/05/03 Python
Python数据结构之图的应用示例
2018/05/11 Python
python对视频画框标记后保存的方法
2018/12/07 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
Python函数参数定义及传递方式解析
2020/06/10 Python
电气自动化自荐信
2013/10/10 职场文书
信用卡逾期证明示例
2014/09/13 职场文书
师德师风自我剖析材料
2014/09/27 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
Python测试框架pytest高阶用法全面详解
2022/06/01 Python