ブロック

ブロック »動画ブロック

動画ブロックでは動画をアップロードして投稿やページに埋め込むことができます。現在、動画ブロックVideoPress を使うプランでのみご利用いただけます。

動画ブロックを利用した例
動画ブロックを利用した例

ブロックを追加する手順についてはこちらを参照してください。 

ブロックインターフェース

各ブロックに独自のツールバーアイコンとユーザーコントロールが備わっており、エディターで直接ブロックを編集できます。

動画ブロックのツールバーで配置、幅広、全幅を設定できます。
動画ブロックのツールバーで配置、幅広、全幅を設定できます。

↑ 目次 ↑

動画を追加する

動画ブロックを追加する場合、「アップロード」「メディアライブラリ」「URLから挿入」の 3 つのオプションからコンテンツの追加を促すメッセージが表示されます。

「アップロード」ではコンピューターから新しい動画ファイルをアップロードできます。「メディアライブラリ」では、自分のサイトのメディアライブラリにアップロード済みのファイルを選択します。

「YouTube」などの対応しているブロックタイプの URL を挿入する場合、動画ブロックは自動的に YouTube ブロックに変換されます。

外部サービスの動画ブロックに追加されたリンクは、それぞれの動画ブロックに変換されます。
外部サービスの動画ブロックに追加されたリンクは、それぞれの動画ブロックに変換されます。

ページに動画を埋め込んだ後に、必要に応じてキャプションを追加できます。

↑ 目次 ↑

配置

画像ブロックと同様に、左寄せまたは右寄せのアイコンをクリックすることで、段落に動画ブロックを埋め込むことができます。

動画をページ内で目立たせる場合は、「幅広」オプションや「全幅」オプションでページのカラムの境界線を超えて動画を拡大して、映画のような臨場感を作り出すことができます。

↑ 目次 ↑

動画の編集

動画ブロックのツールバーの編集オプションによって、ブロックに新しい動画ファイルを選択できます。編集オプションは動画ブロック内の動画ファイルを差し替える必要がある場合に使います。

↑ 目次 ↑

サイドバー設定

すべてのブロックでは、ブロックツールバーのオプションに加えて、エディターのサイドバーに独自のオプションが表示されます。サイドバーが表示されない場合は、「公開」ボタンの隣にある歯車アイコンをクリックしてください。

ブロック設定はサイドバーに表示されます。
ブロック設定はサイドバーに表示されます。

↑ 目次 ↑

自動再生、ループ再生、ミュート再生

このオプションを使って、ページや投稿へアクセスしたときに動画ファイルが自動再生されるように設定できます。動画ファイルを繰り返し再生させる場合は、ループ再生を選択します。必要に応じて動画をミュート再生するように設定することもできます。

ブロック設定には、「自動再生」、「ループ再生」、「ミュート再生」、「プレイバックコントロール」、「プリロード」、「ポスター画像」などの設定があります。
ブロック設定には、「自動再生」、「ループ再生」、「ミュート再生」、「プレイバックコントロール」、「プリロード」、「ポスター画像」などの設定があります。

↑ 目次 ↑

プレイバックコントロール

このオプションボタンを切り替えることで、動画上のプレイバックコントロールを表示または非表示にすることができます。

↑ 目次 ↑

プリロード

このオプションによって、ページまたは投稿が読み込まれたときにダウンロードされる動画ファイルの容量を選択できます。ファイル全体が自動でダウンロードされる設定が好ましいと思われるかもしれませんが、ページを読み込む速度が遅くなる場合がありますので、ご注意ください。

設定方法は 3 つあります。

なし – 動画ファイルは自動でダウンロードされません。サイトへの訪問者が「再生」ボタンをクリックした場合にのみ動画ファイルのダウンロードが開始されます。最もページの読み込み速度が速い設定です。

メタデータ -ファイルの基本的な情報のみ自動的にダウンロードされます。「なし」のオプションと同様に、サイトの訪問者が「再生」ボタンをクリックした場合にのみ動画ファイルのダウンロードが開始されます。テキストのみダウンロードされるため、これも非常に読み込み速度が速い設定です。基本的に、「なし」と「メタデータ」に大きな違いはありません。

自動 – サイト訪問者が「再生」ボタンをクリックしたがどうかにかかわらず、動画ファイル全体がダウンロードされます。この設定では、容量の大きな動画ファイルでは特に、ページまたは投稿を読み込む速度に大きな影響が出ます。

↑ 目次 ↑

ポスター画像

任意で、動画が再生される前に表示されるポスター画像を選択できます。動画の最初に表示される画面が必ずしも魅力的ではない場合や、動画の内容を表すものでない場合に効果的です。

高度な設定

高度な設定のタブでブロックに CSS クラスを追加することで、カスタム CSS を記述してブロックを好きなようにスタイリングできます。

高度な設定のセクションでブロックに CSS クラスを追加できます。
高度な設定のセクションでブロックに CSS クラスを追加できます。