看图

 
视频处html代码:
<div id="mod_player" class="mod_player"><embed id="evideo" src="http://static.video.qq.com/TPout.swf?vid=d0110upcugq&auto=1" allowfullscreen="true" quality="high" width="650" height="472" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash"></div>

点击右边列表,左边刷新播放,开始的代码:

1:$(document).ready(function(){
2: //点击右边列表的某个链接,视频播放切换
3:  $('#mod_videolist li').find('a').each(function(i, elem){
4:      $(this).click(function(){
5:         $('#mod_player > embed').attr('src', $(this).attr('href'));
6:         return false;
7:      });
8:      //document.getElementById('evideo').play();
9:  });
10:});

这样只能切换embed的src值,但并不会切换播放(奇怪firefox能够切换播放,其它浏览器只能改变了src),就是没有触发视频的play动作,但因为不是html5的<video>标签,embed标签无法用js传入play()方法,所以只能想别的方法来曲线救国,如下:

1:$(document).ready(function(){
2:  //点击右边列表的某个链接,视频播放切换
3:  $('#mod_videolist li').find('a').each(function(i, elem){
4:      $(this).click(function(){
5:         $('#mod_player > embed').remove();
6:         var str = '<embed id="evideo" src="'+ $(this).attr('href') +'" allowfullscreen="true" quality="high" width="650" height="472" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash">';
7:         $('#mod_player').html(str);
8:         return false;
9:      });
10:  });
11:});

通过“摧毁”embed,然后再改变embed的src的动态值,重新生成embed,这样就能兼容所有浏览器了。

转载于:https://www.cnblogs.com/yuanzheng/p/3270661.html

embed标签动态改变Src的值,局部刷新播放其他视频的javascript方法相关推荐

  1. html5网页中用video标签无法播放MP4视频的解决方法

    为了避免大家遇到同样的问题我在这里就给大家普及一下html5关于标签的知识吧: 在使用html4协议做网站时我们想要在网页上播放一个视频要不使用flash去播放,要么就是嵌入式页面来实现,对于html ...

  2. java textvaluechanged 全选删除不触发_js动态改变input的值不触发input的change事件的解决办法...

    看了网上的资料也比较杂,自己也做一个整理共享一下解决方案 1.原生js的改变之后手动添加监听 1 2 3 var ttt = document.getElementById("ttt&quo ...

  3. Vue.js动态改变样式

    动态改变样式 我们经常有这样的需求,就是用js控制css.但是我们知道js只能控制DOM层和BOM层,没有办法控制写入CSS文件.可是我们有时候偏偏需要改变样式怎么办呢?我们有两种方法: 动态改变st ...

  4. js动态改变下拉菜单内容示例 .

    <HTML><HEAD><TITLE>动态改变下拉菜单内容示例</TITLE></HEAD><SCRIPT LANGUAGE=java ...

  5. Ajax实现局部刷新

    Ajax实现局部刷新 前言 一. Ajax是什么? 二.实现方式: 1.原生的JS实现方式(了解) 2.JQeury实现方式 1. $.ajax() 2. $.get():发送get请求(ajax的简 ...

  6. Servlet向JSP传递数据以及JSP页面DIV定时局部刷新

    系列文章: ESP8266的AP模式与STA模式简单测试 简单的Java服务器和客户端的通信 STM32 ESP8266和Java服务器透传模式下的双向通信 jsp向servlet传输数据 Servl ...

  7. RecyclerView 配合 DiffUtil,RecyclerView局部刷新

    一个问题: 每次从服务器取到数据后,都是调用adapter.notifyDataSetChanged();进行刷新.那局部刷新(adapter.notifyItemChanged();)的这些东西不是 ...

  8. php局部刷新增删改查,局部刷新与模板 · Issue #18 · thx/magix-combine · GitHub

    技术实现详解 magix-combine工具主要针对magix文件做处理,通常一个完整的view由js.html.css组成. 所以插件目录下以js打头的处理js文件,以tmpl打头的处理html文件 ...

  9. 用js改变embed标签的src值

    今天有一需求,一堆视频,一堆链接,点击相关的链接,在本页打开相关的视频. 第一想法,很简单么,直接把src值改成点击的那个的href值就可以了. 试了下,发现这样不行,视频该怎么放还是怎么放,永远是刚 ...

  10. H5 通过jquery动态的设置video src的值无法播放视频?

    通过jquery动态的设置video src的值无法播放视频?参考链接: h5 动态更改链接 <div id="video-box"><video style=& ...

最新文章

  1. 向一个有N个元素的顺序表中插入一个元素,平均要移动的次数为多少
  2. Linux kmap和kmap_atomic解析
  3. 蓝桥杯节点选择(java)第一道树形dp分析
  4. android 自定义控件(FloatLabelLayout)
  5. CRM WebUI的错误消息是如何从后台服务器取出并绘制到前台的
  6. java里面什么时候环境变量_Java的环境变量什么时候需要设置?
  7. [Leetcode][第557题][JAVA][反转字符串中的单词 III][遍历][String函数]
  8. 转——深度学习之BN算法(Batch Normailization)
  9. 面向微软合作伙伴和客户的Azure应用托管正式可用
  10. Tensorflow 入门手册(代码与原理释义)
  11. docker知识点查阅
  12. 机器人(我在哪,我要往哪走)
  13. dockerhub 拉取地址_使用docker,进行dockerhub仓库上传镜像,拉取镜像。
  14. 计算机关机的界面,修改计算机关机界面_生活与休闲
  15. selenium(待补充)
  16. 音乐流媒体服务器Navidrome
  17. 知识积累:wps宏 开发工具 vb代码 合并多个excel文件到一个excel文件,并去掉表头的方式,宏合并excel表格,多表格合并
  18. 中国农业大学计算机专业在陕西录取分数线,2017中国农业大学各省各专业录取分数线(8)...
  19. nodejs--数据库与身份验证:初识数据库、安装并配置 MySQL、MySQL 的基本使用、SQL语法、在项目中操作 MySQL
  20. 电子线路设计技巧5:CDRH系列贴片电感

热门文章

  1. Thread调用SaveFileDialog
  2. GPS模块坐标偏差很大?
  3. 【Android自学日记】【转】Android Fragment 真正的完全解析(上)
  4. CR, LF, CR/LF 回车 换行
  5. 关于VisualStudio性能分析数据中的独占样本数和非独占样本数的意义
  6. 简化CommunityServer模板机制
  7. DAY3 购物车程序
  8. iOS 动态添加属性方法
  9. Button.Text属性换行问题(Button.Bounds自动换行)
  10. xmlhttp资料(收集)