zoukankan      html  css  js  c++  java
  • 网页中嵌套视频播放器

    刚做完一个项目,其中有个视频播放的,其实网上的代码都没有错,但感觉不详细,特别是播放文件的路径,有本地的,有当前项目中的,有网络上的,网上很多,但没有一个说明是哪个路径,这里,经过本人测试,不多说了,直接上图吧!如果有问题可以交流一下学习学习

    运行后:

    这里,路径有三种:

     //路径以浏览器中的网站路径为准,有三种
        //1.工具中点击运行,则路径就是浏览器网址栏中显示的路径,如案例中的http://localhost:5772/MyPlayer/testPlayer.html
        //2.IIS中,如我将网址发布到IIS中的AAA文件夹下,这视频路径为http://lacalhost/AAA/MV/****.rmvb
        //3.网站上线后,视频路径应该为http://www.bbb.com/MV/***.rmvb
        //此处我的浏览器中显示的路径为http://localhost:5772/MyPlayer/testPlayer.html,其中 http://localhost:5772/项目名/, 类似于网站根目录,视频路径/MV/***.rmvb加后面即可,切记,本电脑上端口号为5772,不同的电脑可能会不一样,浏览时改为自己浏览器中的即可,否则会一直准备就绪

    在JS中视频格式以【】包围的说明是本人测试通过的,没有的理论上也可以播放,

    关于视频格式的转换,介意到网上下载一个格式工厂软件,千万不要只改后缀名,这样播放器不能识别,还是用软件好一点

    一下奉上源代码:

     player.js

    //综合型 function Player(url,w,h) {

    //1为是,0为否 var p=''; p+='<object classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,1,5,217"id=MediaPlayer type=application/x-oleobject width="'+w+'" height="'+h+'" standby="Loading Microsoft Windows Media Player components..." VIEWASTEXT align=MIDDLE>';

    p += '<param name=AudioStream value="1">';

    //是否自动调整大小

    p += '<param name=AutoSize value="0">';

    //是否自动播放

    p+='<param name=AutoStart value="1">';

    p+='<param name=AnimationAtStart value="1">'

    p+='<param name=AllowScan value=-1>';

    p+='<param name=AllowChangeDisplaySize value="0">';

    p += '<param name=AutoRewind value="0">';

    p+='<param name=Balance value="0">';

    p+='<param name=BaseURL value="">';

    p+='<param name=BufferingTime value="5">';

    p+='<param name=CaptioningID value="">';

    p+='<param name=ClickToPlay value="0">';

    p+='<param name=CursorType value="32512">';

    p+='<param name=CurrentPosition value="-1">';

    p+='<param name=CurrentMarker value="0">';

    p+='<param name=DefaultFrame value="1">';

    p+='<param name=DisplayBackColor value="0">';

    p+='<param name=DisplayForeColor value="16777215">';

    p+='<param name=DisplayMode value="0">';

    p+='<param name=DisplaySize value="0">';

    p+='<param name=Enabled value="-1">';

    p+='<param name=EnableContextMenu value="-1">';

    p+='<param name=EnablePositionControls value="0">';

    p+='<param name=EnableFullScreenControls value="0">';

    p+='<param name=EnableTracker value="1">';

    p+='<param name=Filename value="'+url+'">';

    p+='<param name=InvokeURLs value="-1">';

    p+='<param name=Language value="-1">';

    p += '<param name=Mute value="0">';

    //播放次数1为循环播放0为播放一次

    p+='<param name=PlayCount value="1">';

    p+='<param name=PreviewMode value="0">';

    p+='<param name=Rate value="1">';

    p+='<param name=SAMILang value="">';

    p+='<param name=SAMIStyle value="">';

    p+='<param name=SAMIFileName value="">';

    p+='<param name=SelectionStart value="0">';

    p+='<param name=SelectionEnd value="true">';

    p+='<param name=SendOpenStateChangeEvents value="-1">';

    p+='<param name=SendWarningEvents value="-1">';

    p+='<param name=SendErrorEvents value="-1">';

    p+='<param name=SendKeyboardEvents value="0">';

    p+='<param name=SendMouseClickEvents value="0">';

    p+='<param name=SendMouseMoveEvents value="0">';

    p += '<param name=SendPlayStateChangeEvents value="-1">';

    //可以根据属性值0或1来选择显示或不显示某一个功能面板

    p+='<param name=ShowCaptioning value="0">';

    p+='<param name=ShowControls value="1">';

    p+='<param name=ShowAudioControls value="0">';

    p+='<param name=ShowDisplay value="0">';

    p += '<param name=ShowGotoBar value="0">';

    //显示前进后退

    p += '<param name=ShowPositionControls value="0">';

    //显示播放进度时间

    p += '<param name=ShowStatusBar value="1">';

    //是否显示进度条

    p += '<param name=ShowTracker value="0">';

    p+='<param name=TransparentAtStart value="0">';

    p += '<param name=VideoBorderWidth value="0">';

    p += '<param name=VideoBorderColor value="0">';

    p+='<param name=VideoBorder3D value="0">';

    p+='<param name=Volume value="-1070">';

    p+='<param name=WindowlessVideo value="1">';

    p += '</object>';

    //return p;

    document.write(p);

    }

    建一个js文件,将以上代码复制进去即可,在界面中调用Player(url,w,h)方法即可:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <script language="javascript" src="player.js"></script>

    <title>播放视频文件 js</title>

    </head>

    <!--[flv],[wmv],[swf],[rmvb],[mkv],[mpg],[vob]-->

    <script language="javascript">    

    //路径以浏览器中的网站路径为准,有三种    

    //1.工具中点击运行,则路径就是浏览器网址栏中显示的路径,如案例中的    

    //2.IIS中,如我将网址发布到IIS中的AAA文件夹下,这视频路径为http://lacalhost/AAA/MV/****.rmvb    

    //3.网站上线后,视频路径应该为http://www.bbb.com/MV/***.rmvb    

    //此处我的浏览器中显示的路径为http://localhost:5772/MyPlayer/testPlayer.html,其中 http://localhost:5772/项目名/ 类似于网站根目录,视频路径加后面即可     //p('http://localhost:5772/MyPlayer/MV/Ford.rmvb', 300, 250);  

       // Player('http://localhost:5772/MyPlayer/MV/Ford.swf', 300, 250);   

      // Player('http://localhost:5772/MyPlayer/MV/Ford.mpg', 300, 250);  

       // Player('http://localhost:5772/MyPlayer/MV/Ford.flv', 300, 250);  

       // Player('http://localhost:5772/MyPlayer/MV/Ford.mkv', 300, 250);  

       // Player('http://localhost:5772/MyPlayer/MV/Ford.vob', 300, 250);    

    // Player('http://localhost:5772/MyPlayer/MV/Ford.wmv', 300, 250);    

    // Player('http://localhost:5772/MyPlayer/MV/Ford.avi', 300, 250);

        //综合版,同样综合版也支持以上格式   

      Player('http://localhost:3353/MyPlayer/MV/Ford.swf', 300, 250);

    </script>

    <body>

    </body>

    </html>

  • 相关阅读:
    闭包
    laravel 控制器
    laravel 模板
    laravel 视图
    laravel 请求
    laravel 分页
    解决启动Apache遇到的问题Permission denied: AH00072: make_sock: could not bind to address 0.0.0.0:8888
    一张号称一篇程序覆盖Python基础的代码
    [转载]激活Navicat Premium
    C语言自定义函数的形参为数组时需要注意传入长度
  • 原文地址:https://www.cnblogs.com/jinzhirong/p/3917410.html
Copyright © 2011-2022 走看看