VideoPlayer
videoPlayerは動画プレイヤーを扱うクラスです。videoPlayerを介して動画プレイヤーを操作することができます。
Methods
clear()
clear() : void
仕様
プレイヤーそのものを削除します。
引数
なし
戻り値
なし
focus()
focus() : void
仕様
プレイヤーをフォーカスします。
引数
なし
戻り値
なし
mute()
mute() : void
仕様
プレイヤーをミュートにします。
引数
なし
戻り値
なし
unmute()
unmute() : void
仕様
プレイヤーのミュートを解除します。
引数
なし
戻り値
なし
isMuted()
isMuted() : boolean
仕様
プレイヤーがミュート状態かどうかを返します。
引数
なし
戻り値
boolean (ミュート状態ならtrue, ミュート状態でなければfalse)
play()
play() : void
仕様
プレイヤーを再生します。
webの仕様によりplayメソッドが効かない場合があります。
詳細はMDN: メディアとウェブの自動再生ガイドを参照してください。
引数
なし
戻り値
なし
isPlaying()
isPlaying() : boolean
仕様
プレイヤーが再生中かどうかを返します。
引数
なし
戻り値
boolean (プレイヤーが再生中ならtrue, 再生中でなければfalse)
pause()
pause() : void
仕様
プレイヤーを一時停止状態にします。
引数
なし
戻り値
なし
isPaused()
isPaused() : boolean
仕様
プレイヤーが一時停止中かどうかを返します。
引数
なし
戻り値
boolean (プレイヤーが一時停止中ならtrue, 一時停止中でなければfalse)
isEnded()
isEnded() : boolean
仕様
再生が完了しているかどうかを返します。
引数
なし
戻り値
boolean (再生が完了している場合はtrue, 完了していない場合はfalse)
hide()
hide() : void
仕様
プレイヤーを非表示にします。
引数
なし
戻り値
なし
show()
show() : void
仕様
hideメソッドによって非表示になったプレイヤーを表示します。
引数
なし
戻り値
なし
on()
on(type, fn) : void
仕様
指定したイベントに対してイベントリスナーを登録します。
指定できるイベントはVideoPlayerEventsにあるイベントです。
引数
| 引数 | 型 |
|---|---|
| type | VideoPlayerEvents |
| fn | (event: VideoPlayerEvents) => void |
戻り値
なし
off()
off(type, fn) : void
仕様
指定したイベントに登録されているイベントリスナーを削除します。
指定できるイベントはVideoPlayerEventsにあるイベントです。
引数
| 引数 | 型 |
|---|---|
| type | VideoPlayerEvents |
| fn | (event: VideoPlayerEvents) => void |
戻り値
なし
offの引数として渡す関数は、「offした時に実行される関数」ではなく、「onで登録した関数」です。
また、イベントリスナーに登録・解除する関数は同じ参照元でないといけません。
// OK
const fn = () => console.log('pause');
player.videoPlayer.on(Millvi.VideoPlayerEvents.Pause, fn)
player.videoPlayer.off(Millvi.VideoPlayerEvents.Pause, fn)
// NG
player.videoPlayer.on(Millvi.VideoPlayerEvents.Pause, () => console.log('pause'))
player.videoPlayer.off(Millvi.VideoPlayerEvents.Pause, () => console.log('pause'))
one()
one(type, fn) : void
仕様
指定したイベントに対して一度だけ実行されるイベントリスナーを登録します。
指定できるイベントはVideoPlayerEventsにあるイベントです。
引数
| 引数 | 型 |
|---|---|
| type | VideoPlayerEvents |
| fn | (event: VideoPlayerEvents) => void |
戻り値
なし
trigger()
trigger(type, param?) : void
仕様
指定したイベントに登録されているイベントリスナーを実行します。
イベントリスナー実行時の引数としてparamを設定するとができます。
指定できるイベントはVideoPlayerEventsにあるイベントです。
引数
| 引数 | 型 | 説明 |
|---|---|---|
| type | VideoPlayerEvents | - |
| param | any | 省略可 |
戻り値
なし
showMessage()
showMessage(message) : void
仕様
プレイヤーにメッセージを表示します。
メッセージが表示されている間は動画を再生できなくなります。
引数
| 引数 | 型 |
|---|---|
| message | string |
戻り値
なし
hideMessage()
hideMessage() : void
仕様
プレイヤーに表示されているメッセージを非表示にします。
引数
なし
戻り値
なし
requestFullscreen()
requestFullscreen() : void
仕様
プレイヤーをフルスクリーン化します。
ブラウザの仕様によりフルスクリーン化にはクリック操作などによる一時的な有効化が必要です。
詳細はMDN: 一時的なアクティベーションを参照してください。
引数
なし
戻り値
なし
exitFullscreen()
exitFullscreen() : void
仕様
プレイヤーのフルスクリーンを解除します。
ユーザーによる一時的な有効化が解除されます。
再度requestFullscreen()を実行する場合にはユーザーによる一時的な有効化が必要です。
詳細はMDN: 一時的なアクティベーションを参照してください。
引数
なし
戻り値
なし
Property
poster
poster : string
プレイヤーのサムネイル
現在のサムネイルを取得
const poster = Millvi.MillviPlayer.videoPlayer.poster
サムネイルを設定
Millvi.MillviPlayer.videoPlayer.poster = '...'
volume
volume : number
プレイヤーの音量
volumeは0から1の間で設定してください
現在の音量を取得
const volume = Millvi.MillviPlayer.videoPlayer.volume
音量を設定
Millvi.MillviPlayer.videoPlayer.volume = 0.5
currentTime
currentTime : number
現在の再生時間(秒)
現在の再生時間を取得
const currentTime = Millvi.MillviPlayer.videoPlayer.currentTime
再生時間を設定(指定した再生時間に遷移)
Millvi.MillviPlayer.videoPlayer.currentTime = 60
duration
duration : number
プレイヤーの総再生時間
総再生時間を取得
const duration = Millvi.MillviPlayer.videoPlayer.duration
playbackRate
playbackRate : number
倍速設定
現在の倍速設定を取得
const playbackRate = Millvi.MillviPlayer.videoPlayer.playbackRate
指定した速度に設定
Millvi.MillviPlayer.videoPlayer.playbackRate = 1.5