≫≫≫【UberEats】レストランパートナー登録はこちら≪≪≪

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

本ページはプロモーションです。掲載内容は予告なく変更される場合があります。
Uber Eats レストランパートナー募集 Wolt 配達パートナー募集

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

スポンサードリンク

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

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

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

[arve url=”https://youtu.be/MjP4qelJbsc” title=”【WordPress】YouTube動画レスポンシブ対応プラグイン「ARVE Advanced Responsive Video Embedder / Shortcake」【ワードプレス】” loop=”no” muted=”no” /]

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

Uber Eats レストランパートナー募集
スポンサードリンク

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

項目 内容
URL / Embed Code 埋め込みたい動画のURL(短縮URLなど)を入力する。
Mode 動画の読み込み設定。標準はnormalのみ、PROプランでLazy Loadモードが設定可能。
Alignment 動画の配置を設定できる。
ARVE Link ARVEのプロモーションリンクが表示される。
Thumbnail Lazy 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 アスペクト比が設定可能。
Parameters YouTubeやDailymotionなどが提供しているパラメータが設定可能。
Chrome HTML5 Player controls Google chromeで閲覧した際に、HTML5の<video>タグの設定が可能。
mp4 file mp4ファイルがアップロードできる。
webm file webmファイルがアップロードできる。
ogv file ogvファイルがアップロードできる。
Show Controls? <video>タグで埋め込んだ際にコントールバーを表示するか設定できる。
Loop? <video>タグで埋め込んだ際にループ設定が可能。
Mute? <video>タグで埋め込んだ際にミュート設定が可能。

 

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

 

Uber Eats レストランパートナー募集 Wolt 配達パートナー募集
迫佑樹-Brainコンテンツ