embed标签动态改变Src的值,局部刷新播放其他视频的javascript方法
视频处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方法相关推荐
- html5网页中用video标签无法播放MP4视频的解决方法
为了避免大家遇到同样的问题我在这里就给大家普及一下html5关于标签的知识吧: 在使用html4协议做网站时我们想要在网页上播放一个视频要不使用flash去播放,要么就是嵌入式页面来实现,对于html ...
- java textvaluechanged 全选删除不触发_js动态改变input的值不触发input的change事件的解决办法...
看了网上的资料也比较杂,自己也做一个整理共享一下解决方案 1.原生js的改变之后手动添加监听 1 2 3 var ttt = document.getElementById("ttt&quo ...
- Vue.js动态改变样式
动态改变样式 我们经常有这样的需求,就是用js控制css.但是我们知道js只能控制DOM层和BOM层,没有办法控制写入CSS文件.可是我们有时候偏偏需要改变样式怎么办呢?我们有两种方法: 动态改变st ...
- js动态改变下拉菜单内容示例 .
<HTML><HEAD><TITLE>动态改变下拉菜单内容示例</TITLE></HEAD><SCRIPT LANGUAGE=java ...
- Ajax实现局部刷新
Ajax实现局部刷新 前言 一. Ajax是什么? 二.实现方式: 1.原生的JS实现方式(了解) 2.JQeury实现方式 1. $.ajax() 2. $.get():发送get请求(ajax的简 ...
- Servlet向JSP传递数据以及JSP页面DIV定时局部刷新
系列文章: ESP8266的AP模式与STA模式简单测试 简单的Java服务器和客户端的通信 STM32 ESP8266和Java服务器透传模式下的双向通信 jsp向servlet传输数据 Servl ...
- RecyclerView 配合 DiffUtil,RecyclerView局部刷新
一个问题: 每次从服务器取到数据后,都是调用adapter.notifyDataSetChanged();进行刷新.那局部刷新(adapter.notifyItemChanged();)的这些东西不是 ...
- php局部刷新增删改查,局部刷新与模板 · Issue #18 · thx/magix-combine · GitHub
技术实现详解 magix-combine工具主要针对magix文件做处理,通常一个完整的view由js.html.css组成. 所以插件目录下以js打头的处理js文件,以tmpl打头的处理html文件 ...
- 用js改变embed标签的src值
今天有一需求,一堆视频,一堆链接,点击相关的链接,在本页打开相关的视频. 第一想法,很简单么,直接把src值改成点击的那个的href值就可以了. 试了下,发现这样不行,视频该怎么放还是怎么放,永远是刚 ...
- H5 通过jquery动态的设置video src的值无法播放视频?
通过jquery动态的设置video src的值无法播放视频?参考链接: h5 动态更改链接 <div id="video-box"><video style=& ...
最新文章
- 向一个有N个元素的顺序表中插入一个元素,平均要移动的次数为多少
- Linux kmap和kmap_atomic解析
- 蓝桥杯节点选择(java)第一道树形dp分析
- android 自定义控件(FloatLabelLayout)
- CRM WebUI的错误消息是如何从后台服务器取出并绘制到前台的
- java里面什么时候环境变量_Java的环境变量什么时候需要设置?
- [Leetcode][第557题][JAVA][反转字符串中的单词 III][遍历][String函数]
- 转——深度学习之BN算法(Batch Normailization)
- 面向微软合作伙伴和客户的Azure应用托管正式可用
- Tensorflow 入门手册(代码与原理释义)
- docker知识点查阅
- 机器人(我在哪,我要往哪走)
- dockerhub 拉取地址_使用docker,进行dockerhub仓库上传镜像,拉取镜像。
- 计算机关机的界面,修改计算机关机界面_生活与休闲
- selenium(待补充)
- 音乐流媒体服务器Navidrome
- 知识积累:wps宏 开发工具 vb代码 合并多个excel文件到一个excel文件,并去掉表头的方式,宏合并excel表格,多表格合并
- 中国农业大学计算机专业在陕西录取分数线,2017中国农业大学各省各专业录取分数线(8)...
- nodejs--数据库与身份验证:初识数据库、安装并配置 MySQL、MySQL 的基本使用、SQL语法、在项目中操作 MySQL
- 电子线路设计技巧5:CDRH系列贴片电感