Title: 動画ブロック Author: Dion Hulse Published: 2019年3月7日 Last modified: 2024年10月4日 --- ## カテゴリー * [はじめに](https://ja.wordpress.org/support/category/getting-started/) * [インストール](https://ja.wordpress.org/support/category/installation/) * [基本的な使い方](https://ja.wordpress.org/support/category/basic-usage/) * [基本的な管理](https://ja.wordpress.org/support/category/basic-administration/) * [カスタマイズ](https://ja.wordpress.org/support/category/customizing/) * [メンテナンス](https://ja.wordpress.org/support/category/maintenance/) * [セキュリティ](https://ja.wordpress.org/support/category/security/) * [高度なトピック](https://ja.wordpress.org/support/category/advanced-topics/) * [トラブルシューティング](https://ja.wordpress.org/support/category/troubleshooting/) ## 翻訳・改善にご協力ください ドキュメンテーションを現在[英語版](https://wordpress.org/support/)から翻訳中です。 どなたでも[ご協力いただけます](https://ja.wordpress.org/team/2019/08/06/359/)。 誤字や間違った情報にお気づきの方は、各記事の下にあるフィードバックセクションから お知らせください。 # 動画ブロック [**ブロック一覧**へ戻る](https://ja.wordpress.org/support/article/blocks/?output_format=md) 動画ブロックでは、動画をアップロードして、投稿や固定ページに埋め込むことができます。 ![](https://wordpress.org/support/files/2020/08/Video-Block-–-Example-edited.png) 新しい段落ブロックに `/video` (または `/動画`)と入力すれば、素早く追加できます。 ![](https://wordpress.org/support/files/2020/12/Screenshotvi4343.png) _ブロック追加の詳しい方法は[こちら](https://ja.wordpress.org/support/article/adding-a-new-block/?output_format=md) をご覧ください。_ **動画の追加** **動画ブロック**を追加すると、コンテンツを追加するための3つのオプション、**アップ ロード**、**メディアライブラリ**、**URL から挿入**が表示されます。 ![](https://wordpress.org/support/files/2020/08/Screenshot-13.png) * **アップロード**: コンピューターから新しい動画ファイルをアップロードできます。 * **メディアライブラリ**: 現在のサイトのメディアライブラリにアップロード済みのファイル を選びます。 * **URL から挿入**: アップロード済みの動画ファイルの URL を指定します。 サポートされている他のブロックタイプ、例えば YouTube の URL から挿入すると、**動画 ブロック**は自動的に **[YouTube ブロック](https://ja.wordpress.org/support/article/youtube-embed/?output_format=md)** へ変換されます。 動画をページに埋め込んだ後、必要であればオプションのキャプションを追加できます。 ## ブロックツールバー 各ブロックにはそれ固有のツールバーアイコンとコントロールがあり、エディター内でブロック を操作できます。 ![](https://wordpress.org/support/files/2020/12/Untitled-143.png) **動画ブロック**には標準で6個のボタンがあります: * ブロックタイプまたはスタイルを変更 * 移動用ハンドル * 配置を変更 * テキストトラック * 置換 * 他のオプション **ブロックタイプまたはスタイルを変更** ![](https://wordpress.org/support/files/2020/12/Untitled-2546456.png) _動画ブロック_は、**カバーブロック**、**ファイルブロック**、**グループ**、**カラム**、** メディアとテキスト**へ変換できます。**グループ**にするとブロックの周囲の背景色を 変更できます。 ![](https://wordpress.org/support/files/2019/03/Untitled-2.png) _動画ブロック_をグループ化して色の設定をエディターで表示 **移動用ハンドル** ![](https://wordpress.org/support/files/2020/12/Untitled-36575675756756yhrt.png) 上下の矢印を使って、ドキュメント内でブロックを上下に移動できます。 _ブロック追加の詳しい方法は[こちら](https://ja.wordpress.org/support/article/adding-a-new-block/?output_format=md) をご覧ください。_ **配置を変更** ![](https://wordpress.org/support/files/2020/12/Untitled-4435345345dsfsd.png) * **左寄せ** – ブロックを左に配置します。 * **中央寄せ** – ブロックを中央に配置します。 * **右寄せ** – ブロックを右に配置します。 * **幅広** – ブロックの幅をコンテンツ幅に合わせます。 * **全幅** – 画面の幅いっぱいまでブロックの幅を広げます。 **テキストトラック** ![](https://wordpress.org/support/files/2020/12/Untitled-6435435345edrftsd.png) _テキストトラック_オプションを使うと、時間指定されたテキストトラック(字幕やキャプション など)をメディアの再生時に表示できます。 トラックは WebVTT 形式(.vtt ファイル)です — Web Video Text Tracks の略。 トラックをアップロードすると、**トラックを編集**オプションが表示されます。 ![](https://wordpress.org/support/files/2020/12/Untitled-75646546.png) **ラベル** ユーザーに見せるテキストトラックのタイトルです。ブラウザーが利用可能なテキストトラック を一覧表示するときに使われます。 **ソース言語** テキストトラックデータの言語です。有効な BCP 47 言語タグであることが必要です。** 種類**属性が**字幕**の時は**ソース言語**の定義が必須です。 **種類** テキストトラックの用途を示します。省略するとデフォルトの**字幕(サブタイトル)**に なります。この属性に無効な値が入っていると**メタデータ**が使われます。 * **字幕**: 音声はあるけれども視聴者が理解できないコンテンツの翻訳です。字幕は動画 に重ねて表示されます。 * **キャプション: **台詞の書写、サウンドエフェクト、音楽のキューなど、耳が不自由 なユーザーや音声がミュートされている場合に役立つ音声情報です。キャプションも動画 の中に表示されます。 * **説明: **テキストによるコンテンツの説明です。目が不自由なユーザーや、動画を視聴 できない場合や、運転中などに役立ちます(運転中に動画を見ると衝突しますよ)。説明 はスクリーンリーダーで読むか、別のオーディオトラックに変換します。 * **チャプター**: チャプタータイトルは動画のナビゲーションを作成するために使います。 通常はチャプターの一覧表が作られ、視聴者がクリックすると特定のチャプターへ飛ぶ ことができます。 * **メタデータ**: JavaScript が使用するトラック情報です。ユーザーには見えません。 **置換** ![](https://wordpress.org/support/files/2020/12/Replace-fdfdfdfdfd.png) 置換オプションを使うと新しい動画ファイルを選べます。_動画ブロック_の動画ファイル を入れ替えたい時にご利用ください。 **他のオプション:** ![](https://wordpress.org/support/files/2020/08/342423.png) **追加設定を表示(非表示)** _追加設定を表示(非表示)_オプションを使うと、エディターのサイドバーにある「ブロック 設定」パネルを表示する(または隠す)ことができます。 **コピー** _コピー_を使うと、選択したブロックをコピーしてエディター内の好きな位置へ貼り付け できます。 **複製** _複製_を使うと、選択したブロックを複製できます。 **前に挿入** 新しいブロックを選択したブロックの前へ挿入します。 **後に挿入** 新しいブロックを選択したブロックの後へ挿入します。 **移動** _移動_を選ぶと、コンテンツ内に青い線が現れます。その後、矢印を使って線を上下に移動 し、選択したブロックの移動先を指定できます。最後にキーボードの Enter を押すとブロック がそこへ移動します。 **再利用ブロックに追加** _再利用ブロックに追加_オプションを使うと、選択したブロックを再利用ブロックのリスト へ追加できます。すると他の投稿や固定ページでそのブロックを利用できます。 **グループ化** ブロックをまとめて一つの単位として扱いたい場合、_グループ化_オプションを選択します。 例えば共通の背景色や他のブロックをグループへ追加できます。 **ブロックを削除** _ブロックを削除_オプションを使うと、選択したブロックをコンテンツから削除できます。 ## ブロック設定 どのブロックも、ブロックツールバーにあるオプションに加えて、固有のオプションがエディター のサイドバーにあります。_もしサイドバーが見当たらなければ、公開(更新)ボタンの隣に ある「歯車」ボタンをクリックしてください。_ [[ **動画設定** ![](https://wordpress.org/support/files/2020/08/PB.png) **自動再生、ループ、ミュート** 誰かが固定ページや投稿へ訪れた時に動画ファイルを_自動再生_するためのオプションです。 _ループ_は再生終了後に繰り返すかどうかを選びます。必要に応じて_ミュート_を選ぶこと もできます。 **プレイバックコントロール** このオプションを切り替えると、動画上のプレイバックコントロールを表示または非表示 にすることができます。 * プレイバックコントールあり: ![](https://wordpress.org/support/files/2020/08/W2.png) * プレイバックコントロールなし: ![](https://wordpress.org/support/files/2020/08/W1.png) **インラインで再生** 動画を_インライン_で再生するか、つまり HTML の video 要素の再生領域内で再生するか を指定します。 _注意: このオプションをオフにしても、動画が常に全画面で再生されることはありません。_ **先読み** このオプションにより、固定ページまたは投稿が読み込まれたときにダウンロードされる 動画ファイルの容量を選びます。ファイル全体が自動でダウンロードされる設定が好ましい と思われるかもしれませんが、ページを読み込む速度が遅くなる場合がありますので、ご注意 ください。 設定は3通りあります: * **自動** – 訪問者が再生ボタンをクリックするかしないかによらず、動画ファイル全体 がダウンロードされます。特に動画ファイルが大きい場合、固定ページや投稿の読み込み 速度に最大の影響があります。 * **メタデータ** – ファイルの基本情報だけが自動的にダウンロードされます。「なし」 と同じく動画ファイルのダウンロードは再生ボタンをクリックした時だけ開始されます。 ダウンロードされるのはテキストだけなので、この設定もとても高速です。基本的には「 なし」と「メタデータ」に大きな差異はありません。 * **なし** – 動画ファイルは自動的にダウンロードされません。訪問者が再生ボタンを クリックした時だけダウンロードが始まります。これが最高速の設定です。 **ポスター画像** 動画の再生前に表示される_ポスター画像_を選べます。動画の先頭の画面が必ずしも魅力 的ではない場合や、動画の内容を表すものでない場合に効果的です。目立つポスター画像 を使えば動画に興味を持ってもらえます。 **高度な設定** _高度な設定_パネルを使うと HTML アンカーと CSS クラスをブロックへ追加できます。 [[ _HTML アンカー_は特定の_動画ブロック_に[ユニークな Web アドレスを作る](https://ja.wordpress.org/support/article/page-jumps/?output_format=md) ことができます。その後、ページ内の_動画ブロック_へ直接リンクできます。 _追加 CSS クラス_はブロックへ CSS クラスを追加できます。その後、カスタム CSS を書 いてブロックに好みのスタイルを付けることができます。 #### **変更履歴 ** * 更新: 2020-12-07 - ブロックツールバーにテキストトラックを追加 - ブロックツールバーのスクリーンショットを変更 * 更新: 2020-08-25 - WordPress 5.5対応のスクリーンショット - ブロックツールバーの機能変更に対応 - ブロック設定の機能変更に対応 * 更新: 2020-06-18 - ページ先頭に「ブロック一覧へ戻る」を追加 - 変更履歴を追加 * 新規作成: 2019-03-07 [原文](https://wordpress.org/documentation/article/video-block/) ## この記事は役に立ちましたか ? どうすればさらに改善できますか ? フィードバックを送信するには[ログイン](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fja.wordpress.org%2Fsupport%2Farticle%2Fvideo-block%2F&locale=ja) する必要があります。