【全国】「ウーバーイーツ」の「配達パートナー募集」がエリア拡大中!登録はここをクリック【募集中】

ARVE(Advanced Responsive Video Embedder)|WordPressプラグイン・ワードプレスブログ

【WordPress】YouTube動画レスポンシブ対応プラグイン「ARVE Advanced Responsive Video Embedder Shortcake」【ワードプレス】

ARVE(Advanced Responsive Video Embedder)|WordPressプラグイン・ワードプレスブログ

「WordPress(ワードプレス)」に埋め込んだ「YouTube(ユーチューブ)」動画を、自動でレスポンシブ化してくれる「プラグイン」の「ARVE(Advanced Responsive Video Embedder)」&「Shortcake」を紹介します。

「プラグイン」のインストールから「使い方」までを、動画で解説しましたので、ご覧ください。

「ARVE(Advanced Responsive Video Embedder)」設定の各項目の詳細を、以下に記載しましたので、ご確認下さい。

ARVE Advanced Responsive Video Embedderの各項目を「日本語」で解説しました。

項目内容
URL / Embed Code埋め込みたい動画のURL(短縮URLなど)を入力する。
Mode動画の読み込み設定。標準はnormalのみ、PROプランでLazy Loadモードが設定可能。
Alignment動画の配置を設定できる。
ARVE LinkARVEのプロモーションリンクが表示される。
ThumbnailLazy Loadモードにしたときのプレビュー用画像。レンダリングの遅延を防ぎ、SEO対策にもなる。
Title構造化データのためのTitleが設定できる。schema.orgのitemprop=”name”プロパティを使用する。
Description構造化データのためのDescriptionが設定できる。schema.orgのitemprop=”description”プロパティを使用する。
Upload Date構造化データのためのUpload Dateが設定できる。schema.orgのitemprop=”uploadDate”プロパティを使用する。
Duration構造化データのためのDurationが設定できる。schema.orgのitemprop=”Duration”プロパティを使用する。
Autoplay自動再生設定が可能。
Maximal Width横幅の最大値を設定可能。
Aspect Ratioアスペクト比が設定可能。
ParametersYouTubeやDailymotionなどが提供しているパラメータが設定可能。
Chrome HTML5 Player controlsGoogle chromeで閲覧した際に、HTML5の<video>タグの設定が可能。
mp4 filemp4ファイルがアップロードできる。
webm filewebmファイルがアップロードできる。
ogv fileogvファイルがアップロードできる。
Show Controls?<video>タグで埋め込んだ際にコントールバーを表示するか設定できる。
Loop?<video>タグで埋め込んだ際にループ設定が可能。
Mute?<video>タグで埋め込んだ際にミュート設定が可能。

 

項目内容
Mode動画の読み込み設定。標準はnormalのみ、PROプランでLazy Loadモードが設定可能。
Alignment動画の配置を設定できる。
ARVE LinkARVEのプロモーションリンクが表示される。
Autoplay自動再生設定が可能。
Maximal Width横幅の最大値を設定可能。
Align Maximal Widthキャッシュデータの保存時間を設定できる。
Use ARVE for HTML5 video embedsARVEを使用してHTML5ビデオファイルを埋め込める。
Chrome HTML5 Player controlsGoogle chromeで閲覧した際に、HTML5の<video>タグの設定が可能。
Assent loadingAjax経由の読み込みなど、うまく動画が読み込まれない場合に設定する。
Use youtube-nocookie.com url?YouTubeのプライバシー強化モードを設定できる。
Video API TokenRandom Video Addonを使用する際に必要なAPI Tokenを設定できる。