メインコンテンツへスキップ

Video Player

YouTube、SoundCloud、Vimeoのメディアファイルやコンテンツを再生するためのコンポーネント。

オプション

  • url | string: 動画のURL. Default: ''.
  • controls | boolean: は、ビデオプレーヤの制御要素を表示するかどうかを示します。. Default: false.
  • playing | boolean: は、ビデオの再生を自動的に開始するかどうかを示します。. Default: false.
  • volume | number: プレイヤーボリューム. Default: 0.8.
  • center | boolean: ビデオプレーヤーを中央に配置するかどうかを制御します。. Default: true.
  • height | (string|number): 選手の身長. Default: 360.
  • width | (string|number): プレーヤーの幅. Default: 640.
  • loop | boolean: 動画を再生した後に新たに動画を開始するかどうかを制御します。. Default: false.
  • startTime | number: 動画を開始する秒数、0 から 1 の間の値の場合は端数。. Default: none.
  • style | object: CSSインラインスタイル. Default: {}.
  • onEnded | function: コールバック. Default: onEnded() {}.
  • onPause | function: 一時停止時に呼び出されるコールバック. Default: onPause() {}.
  • onPlay | function: 一時停止後、動画の再生が開始または再開されたときに呼び出されるコールバック. Default: onPlay() {}.
  • onStart | function: 一時停止時に呼び出されるコールバック. Default: onStart() {}.
  • onSeek | function: メディアシークが seconds パラメータで呼び出されたときのコールバック. Default: onSeek() {}.

例としては、以下のようなものがあります。

ライブエディター
結果
ReferenceError: Provider is not defined