ビデオプレーヤーの使用プラグインJWPlayer

簡単な紹介

  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())。});
}); </ スクリプト >

おすすめ

転載: www.cnblogs.com/lijianming180/p/12041361.html