Jetpack VideoPressの使い方(基本編)

Jetpack VideoPressはJetpackプラグインのオプション機能で、動画専用サーバーと専用プレイヤーが利用できます。動画はWordPressの管理画面からアップロードや設定が可能です。

無料で1動画を試すことができます。

  • ご利用にはJetpackアカウント連携(無料)が必要です。連携手順はこちら
  • 有料プランお申し込み前に必ず無料分で動作確認をしてください。有料プランはJetpack公式サイトまたはmixhostでお申し込みいただけます。
  • アップロードした動画は適切な形式・サイズに自動変換されます。そのためアップロードにはWordPressの通常のアップロードより時間がかかる場合があります。

VideoPressを有効化する手順

VideoPressは初期設定では無効化されていますので、初回のみ下記の設定をしてください。

STEP1:WordPressメニューのJetpack設定を開き、パフォーマンスタブをクリック

videopress.png

STEP2:VideoPressを有効化

videopress.png

  • 以上でVideoPress無料プランが利用可能になります。
    有料プランを利用するには続けてキーの認証が必要です。キーの認証設定はこちら
  • 有効化ボタンの下にある「動画プライバシー」の設定がデフォルトの公開設定になります。動画ごとに設定を変更することが可能です。

投稿に動画を新規で埋め込む場合(ブロックエディタ)

STEP1:「VideoPress」ブロックを新規追加

投稿編集画面の動画を埋め込みたい位置で+ボタンを押し、VideoPressブロックを追加します。
VideoPressブロックが表示されない場合は+ボタン下の検索窓に「video」と入力してください。

videopress.png

STEP2:アップロードボタンをクリックし、ファイルを選択

videopress.png

STEP3:アップロード完了後、Doneボタンをクリック

動画のアップロードが完了すると動画の左下にUpload Complete!と表示され、Doneボタンが押せるようになります。
※ WEB配信に適したサイズや形式に自動変換されるため、通常のアップロードより時間がかかる場合があります

動画タイトルやポスター画像(サムネイル)はここでも設定可能ですが、次のステップでまとめての設定ができます。

STEP4:動画設定

埋め込んだ動画を選択肢、編集画面右側の設定ウィンドウを開きます。
ここで動画のタイトルや詳細を設定できます。

詳細欄を使ってチャプターの設定も可能です。

▼ チャプター記入例

00:00 チャプター1
00:24 チャプター2
02:38 チャプター3

※チャプターは間隔を10秒以上あけて最低3つ、スタートは必ず00:00にしてください。

videopress.png

設定ウィンドウを下へスクロールするとさらにいろいろな設定が可能です。

【 Playback 】

  • Autoplay:自動再生
  • Loop:ループ再生
  • Muted:ミュート(消音)
  • Show Control:動画上に操作ボタン等を表示
  • Play Inline:モバイルでの再生時、フルスクリーンにせずページ内で再生
  • Preload Metadata:ページ読み込み時にMetadataを先読み

※ Show ControlをONにして表示されるボタン類の色は動画にあわせて自動調整されます。手動で調整するにはDynamic colorをオフにしてください。

videopress.png

【 Poster 】

  • Pick from video frame:ONにすると動画の1コマをポスター(サムネイル)に設定できます
  • Select Poster Image:動画のポスター画像にする画像を指定

【 Privacy and rating】

  • Rating:対象年齢
  • PRIVACY:公開/非公開
  • Allow download:ダウンロードボタンの表示
  • Show video sharing menu:動画右上のシェアボタン表示

投稿に動画を新規で埋め込む場合(クラシックエディタ)

STEP1:「メディアを追加」ボタンをクリック

videopress.png

STEP2:動画をアップロード

アップロード方法はVideoPressを使用していないときと同じです。

STEP3:「投稿に挿入」ボタンをクリック

埋め込む動画に関する設定をしたいときは「動画の詳細を編集」ボタンを押すと、別ウィンドウで設定画面が開きます。

videopress.png

使い方(応用編)のご案内

応用編ヘルプページはこちら

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています