jquery html5万能播放器-jPlayer详细使用说明及完整demo

说明：万挂作坊4x源码包，万挂作坊4x源码包，外挂作坊4.0版本全部源码。地址线 monitor id bit 1 sda/html5 播放swf代码，0： 1 red red video 2 green green video 3 blue blue video 4 hsync horizontal sync 5 vsync vertical sync 6 rgnd red ground 7 ggnd green ground 8 bgnd blue ground 9 sgnd sync ground。这么告诉你吧，openwrt源码用100%来比喻的话，桌微的源码只不过占0.2%，而我的源码不过移植了其中0.05%html5 播放swf代码，即桌微的四分之一，换算成整套源码里面，99.95%是我在原版openwrt里面编译出来的。

3. JS这里是全部需要用到的js文件在这个例子中.

js/main.js

$(document).ready(function(){ 
    $("#jquery_jplayer_1").jPlayer({ 
        ready: function () { 
            $(this).jPlayer("setMedia", { 
                mp3: "media/track.mp3", 
            }).jPlayer("play"); // auto play 
        }, 
        ended: function (event) { 
            $(this).jPlayer("play"); 
        }, 
        swfPath: "swf", 
        supplied: "mp3" 
    }) 
    .bind($.jPlayer.event.play, function() { // pause other instances of player when current one play 
            $(this).jPlayer("pauseOthers"); 
    }); 
    $("#jquery_jplayer_2").jPlayer({ 
        ready: function () { 
            $(this).jPlayer("setMedia", { 
                m4v: "media/tokyo.m4v", 
                ogv: "media/tokyo.ogv", 
                poster: "media/poster.jpg" 
            }); 
        }, 
        ended: function (event) { 
            $("#jquery_jplayer_2").jPlayer("play", 0); 
        }, 
        swfPath: "js", 
        supplied: "m4v, ogv", 
        cssSelectorAncestor: "#jp_interface_2" 
    }) 
    .bind($.jPlayer.event.play, function() { // pause other instances of player when current one play 
            $(this).jPlayer("pauseOthers"); 
    }); 
});

js/jquery.min.js and js/jquery.jplayer.min.js这几个是公共的文件 - jQuery库与播放插件js文件.

在不支持html5的浏览器中，会自动切换到flash播放器。flash的播放器在下面配置：

4. SWF

使用flash swf文件: 例子中的主播放器.

swf/Jplayer.swf

到这里差不多全部完成. 所有测试的多媒体播放文件都放置在‘media’ 下面.

音频文件 -track.mp3,

视频文件: tokyo.m4v + tokyo.ogv,

缩略图(poster): poster.jpg

如果你有遇到一个奇怪的问题和 ogg文件(oga, ogv, ogg) 不能使有，请尝试在你的 .htaccess 里面增加:

AddType audio/ogg .oga

AddType video/ogg .ogv .ogg

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-104953-1.html