html5 は主要なブラウザと完全に互換性のあるプレーヤーを実装します_html5 チュートリアルのスキル-H5 チュートリアル-php.cn

html5 は主要なブラウザと完全に互換性のあるプレーヤーを実装します_html5 チュートリアルのスキル

WBOY

リリース： 2016-05-16 15:46:55

オリジナル

1742 人が閲覧しました

IEで再生できるFlash Playerは、プラグインの邪魔でFirefoxやChromeでは再生できないなど、互換性があまりよくないことがわかります。 HTML5 によってこれが可能になりました。すべてが可能になりましたが、プレーヤーは再生されますが、ユーザーエクスペリエンスには依然として注意を払う必要があるため、HTML 互換プレーヤーを作成しました。 IE6-9、chrome、filfox、opera およびその他の主流プレーヤーとの下位互換性があり、完全な互換性があります。実装原則コードを全員にプレゼント！

コードをコピーします

コードは次のとおりです:

歌词同步播放器-powered by widuu xiaowei

<script> //<![CDATA[ $(document).ready(function(){ $("#jquery_jplayer_1").jPlayer({ ready: function (event) { $(this).jPlayer("setMedia", { mp3:"yangcong.mp3" //mp3的播放地址 }).jPlayer("play"); }, timeupdate: function(event) { if(event.jPlayer.status.currentTime==0){ time = ""; }else { time = event.jPlayer.status.currentTime; } }, play: function(event) { //点击开始方法调用lrc。start歌词方法返回时间time if(event.jPlayer.status.currentTime==0){ $("#jquery_jplayer_1").jPlayer("pause",1); } if($('#lrc_content').val()!==""){ $.lrc.start($('#lrc_content').val(), function() { return time; }); }else{ $(".content").html("没有字幕"); } }, repeat: function(event) { if(event.jPlayer.options.loop) { $(this).unbind(".jPlayerRepeat").bind($.jPlayer.event.ended + ".jPlayer.jPlayerRepeat", function() { $(this).jPlayer("play"); }); } else { $(this).unbind(".jPlayerRepeat"); } }, swfPath: "/js", //存放jplayer.swf的决定路径 solution:"html, flash", //支持的页面 supplied: "mp3", //支持的音频的格式 wmode: "window" }); $("#lrc_content").hide(); }); //]]> </script>