Youtube動画
Last updated
Was this helpful?
Last updated
Was this helpful?
YouTube動画要素は、ウェブページの魅力を高め、コンバージョン率の向上を目指して設計されています。YouTubeから動画を簡単にウェブサイトやブログに組み込むことができます。
動画は、テキストだけよりも動的で魅力的な方法で注意を引きつけ、情報を伝えることが知られているため、視聴者を視覚的なコンテンツで引きつけたい場合に特に役立つ要素です。
以下の動画チュートリアルで詳細を確認できます。
PageFlyページで、YouTube動画要素機能にアクセスするには、以下の手順に従います。
ステップ1:エレメント機能をクリックします。
ステップ2:メディアセクションにあるYouTube動画要素をクリックします。
ステップ3:目的の要素をページエディタにドラッグアンドドロップして使用を開始します。
YouTube動画要素には、コンテンツの外観を細かく調整して最高のコンバージョン率を達成できる多くの異なるパラメーターが付属しています。
YouTube動画要素を選択し、[全般]タブと[スタイル]タブに移動してパラメーターを確認してください。
PageFlyでページエディタを操作する際の、YouTube動画要素の主なパラメーターは以下のとおりです。
YouTube video URL: あなたのYouTube動画の完全なURL
Video Size: 動画のサイズを2つのオプションで設定します:Full Width-100% Video SizeまたはCustom size
Video Width: 動画の幅を変更します(このセクションを編集する際にCustom sizeモジュールを適用していることになります)。
Show Controls: 動画プレーヤーのコントロールを表示/非表示にします。
Enable Loop: 動画がループで途切れることなく再生されます。
Enable Autoplay: 自動再生機能をオン/オフにします。以下の場合は自動再生機能が動作しない可能性があることに注意してください。 - ユーザーがブラウザでその操作を防止するように設定している場合、またはパラメーター「Mute Video」がオフになっている場合。 - ユーザーが低電力モードのiPhoneを使用し、Safariブラウザでウェブサイトにアクセスする場合、自動再生機能は有効になりません。
Mute Video: 動画の音をオン/オフにします。
Content loading: ライブプレビューでの動画の読み込みタイプを選択します。2つのオプションがあります。 - Lazy loading: 動画はユーザーのビューポートに入ったときのみ読み込まれ、初期ページの読み込み時間を短縮し、帯域幅を節約します。 - Standard: 動画はすぐに読み込まれ、高速なインターネット接続を持つユーザーによりスムーズな体験を提供できます。
Custom Start And End Time - Start at: YouTube動画の開始時間をカスタマイズします。 - End at: YouTube動画の終了時間をカスタマイズします。
属性、表示、アニメーションのパラメーターに関する詳細情報はこちらで確認できます。
[スタイル]タブでは、コンテンツの色、間隔、背景、タイポグラフィなどのパラメーターを使用して、YouTube動画要素の外観をカスタマイズできます。[スタイル]タブに関する詳細については、このリンクを参照してください。
HTML動画要素を利用したり、YouTubeコードを直接埋め込んだりすることは避けてください。これは、モバイルやタブレットデバイスでのレスポンシブ対応を損なう可能性があります。埋め込みコードは固定幅の寸法を課すことが多く、様々な画面サイズでレイアウトの歪みが生じる原因となります。
さらに、YouTubeの更新されたAPIに従い、自動再生機能はミュート機能が有効になっている場合に依存することに注意してください。ただし、モバイルオペレーティングシステムによって課されるデフォルトの制限により、タブレットまたはモバイルデバイスでは自動再生は機能しません。
1. YouTube要素とは何ですか?
YouTube動画要素は、YouTube動画をShopifyストアに統合するためのシンプルなソリューションです。動画のURLを使用するだけで、そこからYouTube動画セクションを好みに合わせてカスタマイズおよびスタイル設定できます。
2. HTML動画とYouTube要素の違いは何ですか?
HTML動画要素を使用すると、動画をShopifyストアに直接アップロードし、PageFlyページで使用できます。YouTube動画要素を使用すると、YouTubeで公開されている動画をPageFlyページに埋め込むことができます。
Display ratio: ビデオの表示比率を4:3または16:9から選択します。