• 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>

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

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

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

     $(document).ready(function(){
        //点击右边列表的某个链接,视频播放切换
        $('#mod_videolist li').find('a').each(function(i, elem){
           $(this).click(function(){
               $('#mod_player > embed').remove();
               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">';
               $('#mod_player').html(str);
               return false;
            });
        });
    });

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

  • 相关阅读:
    linux 统计文件行数的命令效率
    使用mysqldump导入不成功解决方法
    shell中获取当前目录
    shell读取文档中的命令并执行
    读取文件,文件内容包含空格Tab和回车提取想要的数据
    ls命令中的--time-style使用
    Vmware中网卡未启用,安装系统后再启用网卡,eth0如何设置
    lvm逻辑卷扩展方法
    linux小技巧 一
    解决ARCGIS10.2与VS2013不兼容
  • 原文地址:https://www.cnblogs.com/cxx328/p/6392751.html
Copyright © 2020-2023  润新知