• 如何在HTML中播放flash


    随着html的风靡,改变了之前前端的许多条条框框,而video的出现使flash仿佛都要退出历史的舞台了,但是h5也会出现以下局限性,比如说,在一些不支持h5的浏览器上,此处省略一万只草泥马..........

    之前做的一直是向后兼容的东西,h5之前的东西很少接触。特别是flash,因为h5真的很好的解决很多麻烦,以前那么多代码,h5一句话解决,今天老大给的需求是在页面中播放flash,当然用的是flv格式的视频。刚开始我用的是h5的video

    但是我们还需要考虑到不支持H5的情况,遂放弃,用flash,网上查了许多方法,试了许多许多,最后整理了两个比较有用的方法

    方法1.使用video.js插件进行播放

    插件下载地址:http://www.jq22.com/jquery-info404

    网站里面介绍的很详细,但是下载下来之后缺少了个重要的东西,是video-js.swf,找了很多,大部分要钱的,但是还是让我找到个免费的,

    http://www.daimabiji.com/index.php?m=content&c=down&a_k=8d9ai5IAS7D6q2Y84JMAKX2le6txg519LwbYgBxBT2SY0cHJRbLW98HHwSRnP5OVVYchf8Eo5gGRVgtijyiwJjCU6n6pac-p7-2Hl9AbCNi0zFu1UARPcz1CWgJOOFyKyf_dWW58Gzu_2xBG9z-W0MD7kQKVy5wwJsLJ-BZa5IfeXZEXeA9k

    拿去不谢,但是会有局限性,那就是在火狐上显示不出来,好,看万能的方法2吧

    方法2:flvplayer.swf播放器

    播放器的免费下载地址http://www.13910.com/t/KjuRWb(程序员之间最重要的不是分享吗,看网上一堆堆要钱的东西真是不爽)

    在你的body中插入这段代码

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="305" height="205">  
        <param name="movie" value="Flvplayer.swf" />  
        <param name="quality" value="high" />  
        <param name="allowFullScreen" value="true" />  
        <param name="FlashVars" value="vcastr_file=movies/11.flv&LogoText=test&BufferTime=3" />  
        <embed src="Flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=movies/11.flv&LogoText=test" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="505" height="405"></embed>  
    </object>  

      

    可以看出这是使用swflash.cab一种ActiveX控件实现的播放效果,其实就是这个:Adobe Shockwave Player 12.0.2.122。

    vcastr_file=movies/11.flv是你的视频路径。

    <param name="movie" value="Flvplayer.swf" />  这个value的值表示播放器名称,注意路径的设置。

    这里是目录结构

    这是我的代码

     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="370">
                            <param name="movie" value="video/flvplayer.swf" />
                            <param name="quality" value="high" />
                            <param name="allowFullScreen" value="true" />
                            <param name="FlashVars" value="vcastr_file=youhenkaoshi-zimu.flv" />
                            <embed src="video/flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=youhenkaoshi-zimu.flv" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="370"></embed>
                        </object>
    

      看准自己的路径改好就行,完美的在IE,火狐和谷歌上运行

  • 相关阅读:
    【浅谈数位计数一类问题】
    2.2、idea 中写spark sql
    javascript事件之鼠标滚轮(mousewheel)和DOMMouseScroll事件
    JS 判断鼠标滚轮的上下滚动
    gulp 用法 小结
    'gulp'不是内部或者外部命令,也不是可运行的程序
    Gulp的安装与配置
    前端构建工具gulpjs的使用介绍及技巧
    【转】弧度和角度的转换
    前端构建工具gulpjs的使用介绍及技巧
  • 原文地址:https://www.cnblogs.com/mmykdbc/p/7510054.html
Copyright © 2020-2023  润新知