簡単な紹介
JWメディアプレーヤーは、Flashビデオ、ページ上で使用されるオーディオと映像プレーヤー、オープンソースである
Sliverlightの再生をサポートし、H.264(.MP4、.MOV、.f4v)、FLVは(のFLV)、のサポート
3GPP(.3GP 、.3g2)、OGG Theoraの(.ogv ) とWebMの(.webm)ビデオフォーマット、MP3
(.MP3)、AAC(.aac、.M4A)、OGG Vorbisの(.OGG)とWAV(.WAV)オーディオ、
しばらくまた、swfファイルと画像(GIF、JPG、PNG)とYouTubeのビデオフォーマットをサポートしています。
公式サイトのアドレス:https://www.jwplayer.com/learn-more/
ダウンロードにメールボックスを入力して、コアファイルjwplayer.js player.swf。
使用
導入JS
<script src="js/plugins/jwplayer/jwplayer.js"></script>
使用
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74
|
/ * HTML * / < DIV ID = "コンテナ" > </ divの > < 入力 タイプ = "ボタン" クラス = "プレイヤープレイ" 値 = "播放" /> < 入力 タイプ = "ボタン" クラス = 「player-ストップ」 値 = "停止" /> < 入力 タイプ = "ボタン" クラス = "プレイヤーステータス" 値 = "取得状态" /> < 入力 タイプ ="ボタン" クラス = "現在のプレーヤー" 値 = "秒は現在再生" /> < INPUTの タイプ = "ボタン" クラス = "GOTO-プレーヤー" 値 = "30秒ゴー" /> < INPUTの 種類 = 「ボタン」 クラス = 「プレイヤー長」 値 = 「ビデオ再生時間(秒)」 />
/ * JS * / < スクリプトタイプ = "テキスト/ javascriptの" > VAR thePlayer。 $(関数( ) { ThePlayer = JWplayer('コンテナ').setUp({ フラッシュプレイヤー:'JS /プラグイン/ JWplayer / player.swf' 、 ファイル:'JS /プラグイン/ JWplayer / video.mp4' 、 アスペクト比:"16 :. 9" 、大きな箱の ビデオプレーヤープラグインJWPlayer使用 AN> のタイプで:「MP4」、 タイトル:「再生するためにクリックして」、 幅:「85%」、 高さ:「80 % "、 ドック:偽へ })。 $(「.playerプレイ」 ).click(関数() { もし!(thePlayer.getState()= 'PLAYING'){ thePlayer.play(真)。 この .VALUE = '暂停' ; } 他 { thePlayer.play(偽)。 この .VALUE = '播放' ; } })。 $('.playerストップ').click(関数(
) {ThePlayer.stop();}); $(」.player-ステータス).click(関数( ) { Varの状態thePlayer.getState =(); VARの MSG; スイッチ(州){ ケース'BUFFERING' : MSG = '読み込み中...' ; BREAK ; ケース'PLAYING' : MSG = '現在再生' ; BREAK ; ケース「PAUSED ': MSG = '一時停止' ; BREAK ; ケース' IDLE ': MSG = 'ストップ' ; BREAK ; }
アラート(MSG); }); ($ '.player-現在').click(関数( ) {アラート(thePlayer.getPosition())。});
$('.player-GOTO').click(関数() { IF!(ThePlayer.getState()= 'PLAYING'){ thePlayer.play(); } thePlayer.seek(30); }); $('.player長').click(関数(
) {アラート(thePlayer.getDuration())。}); }); </ スクリプト >
|