ホームページ > ウェブフロントエンド > H5 チュートリアル > html5 は主要なブラウザと完全に互換性のあるプレーヤーを実装します_html5 チュートリアルのスキル

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

WBOY
リリース: 2016-05-16 15:46:55
オリジナル
1764 人が閲覧しました

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


コードをコピーします
コードは次のとおりです:





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








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




ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート