WordPress動画アップロードと埋め込みガイド：ローカル、YouTube、Vimeoのサポート

コンテンツの多様化が進む今日、動画はウェブサイトにおける集客、情報伝達、インタラクション強化の重要な手段となっている。

この記事ではワードプレス動画コンテンツをウェブサイトにアップロードし、表示するための実践的なアプローチ、ユーチューブおよびVimeoの埋め込みチュートリアルと、パフォーマンス最適化のアドバイスおよびFAQは、効率的で安定したビデオプレゼンテーション体験の構築を支援します。

I. 準備

サイト・サーバー・サポートの確認 PHP 7.4 以上 HTTPS.

最新バージョンをインストールするグーテンベルクまたはページビルダー（Elementor、Diviなど）。
LiteSpeed Cacheで、WPロケットこのようなプラグインで動画の遅延ロードを有効にすると、再生の読み込み効率が向上します。

次に、動画をローカルにアップロードするおすすめの方法です。

利用するメディアライブラリーページをアップロードして挿入する：

1.バックステージ → メディア → ファイルの追加。

2.アップロード .mp4そして.webm もしかしたら .ogv フォーマットのビデオ。

3.記事エディターに「ビデオ」ブロックを挿入する。

4.メディアライブラリ "を選択し、先ほどアップロードしたビデオを挿入します。

5.ビデオ・ブロックの右側のパネルには、カバー画像、自動再生、ミュート、ループの有無などの属性を設定できる。

1080p以下の解像度でアップロードし、ファイルサイズを小さくするためにH.264 + AACエンコーディングを使用することをお勧めします。

III.YouTube動画の埋め込み

グーテンベルグ・ネイティブ・アプローチ

YouTube動画へのリンクを貼る（例：「YouTube動画へのリンク」）：https://www.youtube.com/watch?v=XXXXXX)をテキストエリアに直接入力する。エディタ自動的に埋め込みプレーヤーに変換されます。右側の設定で、ビデオタイトル、おすすめビデオの表示、フルスクリーンを有効にするかどうかをコントロールできます。

エレメンタウェイ

ElementorのVideoウィジェットをページにドラッグします。
ソースオプションで "YouTube "を選択する。

フル動画のリンクまたはIDを入力してください。

オープン推奨遅延ローディング推奨ビデオ表示をオフにする、などのオプションがあります。

トラッキングの問題を避ける必要がある場合は、住所を変更してください：
https://www.youtube-nocookie.com/embed/视频ID.

IV.埋め込みVimeoビデオ

Vimeoビデオのリンクをコピーする（例https://vimeo.com/XXXXXX)をGutenbergエディタに貼り付けると、インラインプレーヤーが自動的に生成されます。

パーソナライズされたスタイル・コントロールを行うには、リンクの末尾にパラメーターを追加する：

color=00adefブランドカラーを設定します。
タイトル＝0ビデオタイトルを隠す。
傍線部＝0著者情報を隠す。

Elementorでソースを "Vimeo "に設定し、リンクを貼り付けて埋め込みを完了する。

V. パフォーマンスの最適化

ShortPixel、Imagifyなどのプラグインを使ってカバー画像を圧縮し、以下の画像を生成する。ウェブピーフォーマットでサイズを小さくする。

WP RocketまたはLiteSpeed Cacheプラグインの "delayed loading iframe "機能を有効にして、ページの初期リソースのオーバーヘッドを減らします。
カバーアートやビデオスクリプトの読み込みを高速化するためにCDNを設定します。
ローカルビデオは、さまざまなネットワーク環境に合わせて、マルチビットレートエンコーディングやHLSストリーミング技術を使ってエンコードできる。

VI.よくある質問と対応についての提案

ビデオの読み込みが遅い場合は、サーバーの帯域幅が十分かどうかを確認し、有効になっていることを確認することをお勧めします。シーディーエヌ圧縮バージョンを配布または使用する。

動画を埋め込むときにエディタがもたつく場合や空白画面例えば、PHPのmemory_limitを256Mに上げたり、ビデオブロックと競合する可能性のあるプラグインを一時的に無効にしてみてください。

モバイル機器での再生時に自動水平スクリーンに問題がある場合は、以下を <ビデオ タグ別アーカイブ プレイズインライン パラメータを設定することで、視聴体験を向上させることができる。

YouTubeプレーヤーが無関係のおすすめビデオや情報ブロックコンテンツを表示する場合は、次のように切り替えることができます。 youtube-nocookie.com ドメインバージョンで、推奨コンテンツの表示を無効にする。

結論

WordPressは動画の埋め込みを完全にサポートしており、GutenbergやElementorのビジュアライゼーション機能と組み合わせることで、動画表示がより直感的で柔軟なものになります。適切な埋め込み方法とリソースの読み込み手段を選択し、カバー画像と遅延読み込みの設定をうまく行うことで、よりスムーズな動画コンテンツの表示効果を生み出すことができます。コンテンツベースのウェブサイトやブランドサイトにとって、ユーザーの滞在とインタラクションを高める重要な方法です。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み