zoukankan      html  css  js  c++  java
  • 用flvplayer.swf在网页中播放视频(网页中flash视频播放的实现)

             因为公司项目的需求。须要在展示一些信息的时候能够播放视频,拿到这个要求,我就从最简单的媒体播放标签<embed>開始,尽管这个标签确实能够播放事情。可是仅仅能部分浏览器支持。个人感到非常郁闷,要是全部浏览器都统一的话。这个问题就非常好攻克了。后面就追寻插件的解决方式。首先尝试了下media player,用这个插件视频时能够播放,可是仅仅能在ie下播放,另一切其它插件用起来比較麻烦,在这个就不细说了。

            后来想像优酷等视频站点一样用flash来播放视频(这确实是一个比較合理的方案,flash用户超多),可是不知道该怎么样来弄了,研究了半天优酷用flash播放时如何弄的,还是没有头绪。经过一番折腾,才知道在网页中嵌入flash视频须要一个flash播放器,这个flash播放器是一个swf文件,在网上搜索了一番,找到一个flvplayer.swf播放器(这个播放器支持大部分的格式)。终于视频总算是能够播放了。

    要播放视频,须要在html页面中嵌入例如以下代码:


    <object width="460" height="340"  data="/app/flvplayer.swf" type="application/x-shockwave-flash">
    <param value="/app/flvplayer.swf" name="movie" />
    <param value="always" name="allowScriptAccess" />
    <param value="window" name="wMode" />
    <param value="true" name="swLiveConnect" />
    <param value="false" name="loop" />
    <param value="true" name="play" />
    <param value="true" name="allowFullScreen" />
    <param value="false" name="menu" />
    <param value="file=/app/mymovie.flv&showfsbutton=true&autostart=true" name="flashVars" />
    </object>

    1.关于object标签的属性说明(其他參数请參看w3c的官方文档)

    • 播放器的宽度
    • height: 播放器的高度
    • data:你的flash播放器的位置
    • type: 表示你的插件的类型,值:pplication/x-shockwave-flash表示是一个flash

    2.param标签有2个属性,一个是name,一个是value,用来提供一些參数信息,例如以下:是他的name和value的说明

    • allowScriptAccess: 是否同意脚本訪问,值为:true或者false
    • loop: 是否循环播放,值为:true或false
    • allowFullScreen: 是否同意全屏,值为:true或者false
    • flashVars: 表示为flash提供的參数,每一个參数对的形式比如name=value,每一个參数用&切割,比如上面的參数file说明此时播放的是哪个视频文件(其值就是它的地址)。

    最后在</object>结束之前加上<embed>标签。以保证全部的浏览器都能使用。关于embed的属性请參看官方文档,能够參考object和param标签来进行设置。

    最后提供flvplayer.swf下载地址,点击这里下载

    因为在插入视频时,是用的fckeditor进行插入的。所以我写了一个fckeditor的插件来完毕上面的操作,下载地址在这里点击这里下载

  • 相关阅读:
    日志命令
    QPS、TPS、PV、UV、GMV、IP、RPS
    Tmux实践
    1-2+3-4+5-6....-100 除了88以外其他数字的和 python 实现
    MCNN: 多列卷积神经网络的单图像人群计数
    facenet-pytorch库的简单使用
    SENet笔记
    目标检测 anchor的生成
    matplotlib动图绘制
    感知机算法及其对偶形式
  • 原文地址:https://www.cnblogs.com/yutingliuyl/p/6733976.html
Copyright © 2011-2022 走看看