`

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

    博客分类:
  • html
 
阅读更多
视频处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,这样就能兼容所有浏览器了。

 

出处:http://blog.163.com/wangzhongjiecool@126/blog/static/163019347201372055136269/

分享到:
评论

相关推荐

    动态修改Embed的src属性

    获取到元素后,可以直接通过 `.setAttribute` 方法改变 `src` 属性值。假设新的源URL是 "newfile.mp4",代码如下: ```javascript myEmbed.setAttribute('src', 'newfile.mp4'); ``` 3. **触发加载事件**: ...

    embed标签的使用(在网页中播放各种音频视频的插件的使用)

    例如,如果`src`属性后面跟的是`.swf`文件,那么`&lt;embed&gt;`标签就会用来播放Flash动画。 ```html &lt;embed src="example.swf" width="640" height="480"&gt; ``` - **解释**: - `src`:指定Flash文件的位置。 - `...

    js改变embed标签src值的方法

    本文实例讲述了js改变embed标签src值的方法。分享给大家供大家参考。具体分析如下: 今天有一需求,一堆视频,一堆链接,点击相关的链接,在本页打开相关的视频。 第一想法,很简单么,直接把src值改成点击的那个的...

    EMBED用法介绍在网页中播放视频的jsp标签

    "EMBED用法介绍在网页中播放视频的jsp&lt;embed&gt;标签" EMBED标签是HTML中一种常用的标签,用于在网页中播放音频、视频文件。它可以播放多种格式的文件,包括Windows Media Player支持的格式,如WMA、WMV、ASF、MPG、...

    embed标签使用详解

    ### embed标签使用详解 #### 一、概述 `embed`标签是HTML中用于播放多媒体对象的一个重要元素,如Flash、音频、视频等。通过合理的属性配置,开发者可以在网页上实现多媒体内容的有效展示与互动。 #### 二、基本...

    HTML5 embed 标签使用方法介绍

    在实际使用中,`&lt;embed&gt;`标签可用于嵌入多种类型的外部资源,包括但不限于Flash动画(如`.swf`文件)、音频文件、视频文件和其他可以利用相应插件播放的内容。然而,由于现代网页设计中越来越多的使用了`&lt;video&gt;`和`...

    html使用embed 播放flv 视频

    在本案例中,我们关注的是如何使用`&lt;embed&gt;`标签来播放FLV(Flash Video)格式的视频。FLV是Adobe Flash平台广泛采用的一种视频格式,尤其在早期互联网上,它因为良好的跨平台性和浏览器兼容性而非常流行。 首先,...

    Html 标签embed 动态显示

    在HTML中,`&lt;embed&gt;`标签是一个非常重要的元素,它允许我们嵌入外部资源,如音频、视频、Flash动画等,使得网页内容更加丰富多彩和动态。 `&lt;embed&gt;`标签的使用方式如下: ```html &lt;embed src="资源URL" width="宽度...

    embed使用,embed播放多媒体

    通过以上讲解,我们对`embed`元素有了全面的认识,无论是用于多媒体播放还是其他类型的插件集成,都能更好地利用这个标签来丰富网页内容。在实际开发中,结合其他相关技术,如`video`和`iframe`,我们可以创建更加...

    embed embed

    9. **name**:为embed对象命名,便于JavaScript或其他元素引用。 - 例如,`name="sound1"`。 10. **title**:设置媒体文件的说明文字。 - 例如,`title="第一首歌"`。 11. **palette**:设置颜色方案,通常用于...

    ie6下embed标签不能播放视频问题解决方法

    在遇到`&lt;embed&gt;`标签无法播放视频时,尝试使用`&lt;object&gt;`标签和ActiveX控件可能是一个可行的解决方案。然而,考虑到IE6已经非常老旧,以及它在安全性和维护上的问题,我们建议尽可能地采用更加现代的技术栈来构建Web...

    HTML-embed代码详解

    如果 loop 为正整数值,音频或视频文件将循环播放相应次数;如果 loop=true,音频或视频文件将循环播放;如果 loop=false,音频或视频文件将不循环播放。 3. 面板显示 hidden=true、no 如果 hidden=true,控制...

    flv在线播放器源码,使用js文件和embed标签

    本资源提供了一个基于JavaScript和`embed`标签的FLV在线播放器的源码,对于开发者来说,这是一个了解和学习如何在网页中实现FLV视频播放的宝贵资料。 首先,让我们详细探讨一下`embed`标签。`embed`是HTML中的一个...

    Web-前端html+css从入门到精通 118. embed标签与object标签.zip

    它的基本语法是`&lt;embed src="URL" /&gt;`,其中src属性指向要嵌入的资源的URL。embed标签支持多种类型的文件格式,但具体支持哪些格式取决于浏览器的实现。由于embed标签的使用相对简单,它在处理一些简单的多媒体内容...

    embed属性详解[文].pdf

    例如:`&lt;embed src="your.mid" autostart=true loop=2&gt;`、`&lt;embed src="your.mid" autostart=true loop=true&gt;` 和 `&lt;embed src="your.mid" autostart=true loop=false&gt;` 3. 面板显示:`hidden` 属性规定控制面板...

    flv格式视频播放demo

    JavaScript可以通过Flash External Interface (FSCommand) 与Flash对象通信,实现动态控制视频播放。 `flash`目录可能包含了与Flash Player相关的其他资源,如其他的SWF文件、配置文件或者图片资源。这些资源通常...

    jquery实现的网页自动播放声音

    在如今的互联网环境中,网页上的多媒体元素如声音、视频等已经成为增强用户体验的重要手段之一。当开发者希望在网页上实现声音的自动播放功能时,他们往往会使用JavaScript库如jQuery来简化开发流程。标题“jquery...

    jq替换iframe里面视频关闭自动播放的功能

    通过jq把ifram里面的视频转换成不自动播放的视频。 希望有需要的同志们采纳一下。

    HTML embed标签使用方法和属性详解

    以下是 `&lt;embed&gt;` 标签的详细使用方法和属性解析: 1. **基本语法**: `&lt;embed src="url"&gt;` 这里 `src` 属性指定了媒体文件的 URL,可以是相对路径或绝对路径。Netscape 和新版的 Internet Explorer 都支持 `...

Global site tag (gtag.js) - Google Analytics