# Vimeo動画 ### Vimeo動画エレメントについて [Vimeo動画エレメント](https://help.pagefly.io/manual/vimeo-element/) は、ウェブページの視覚的な魅力を高めるために調整されています。これは、動画をウェブサイトやブログにシームレスに埋め込むツールとして機能します。 この機能は、魅力的な視覚コンテンツでオーディエンスを引きつけ、閲覧体験を向上させ、潜在的にコンバージョン率を高めたい場合に非常に役立ちます。 ページにVimeo動画を追加するには、こちらの動画チュートリアルをご覧ください： {% embed url="" %} ### Vimeo動画エレメントへのアクセス方法 ページエディターで、以下の手順に従ってVimeo動画エレメントにアクセスします： * Step 1: **Elements** アイコンをクリックします。 * Step 2: ドロップダウンメニューで **Vimeo** エレメントをクリックします。 * Step 3: 使いたいエレメントをページエディターにドラッグアンドドロップし、使用を開始します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-2af5f6edd946a6b11961b1b59c03d36ef23b39ef%2Funnamed-2.gif?alt=media) ### Vimeo動画エレメントの設定方法 このエレメントには、コンテンツの表示を微調整し、可能な限り最高のコンバージョン率を達成するための様々なパラメーターが多数付属しています。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-2b00b775d58b28f4f6b14003f9c58da5370e045f%2Fimage2-7.png?alt=media) Vimeo動画エレメントを選択すると、そのパラメーターが表示されます。 \| **Vimeo Video URL:** Vimeo動画の完全なURL。 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-00b97139477d55baa6382df2ade4bcd4d2d9e738%2Fimage10-1.png?alt=media) | | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Show Author’s Avatar:** 動画作成者のアバターを表示/非表示にします。 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-a3113cac158afef71fd81707bcea842936456ae9%2Fimage5-6.png?alt=media) | | **Show Author’s Name:** 動画作成者の名前を表示/非表示にします。 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-59d4565a8e6d8be5578cad9b3d2d90bea84d9c09%2Fimage3-7.png?alt=media) | | **Show Title:** 動画のタイトルを表示/非表示にします。 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-59bb5ed9276f86dae170720a672d362943c9a5df%2Fimage6-4.png?alt=media) | | **Enable Loop:** 動画がループでノンストップで再生されます。 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-e56fb8642f687dcec9119d1e89e8243b22890ec4%2Fimage9-5.png?alt=media) | | **Enable AutoPlay:** 自動再生機能をオン/オフにします。自動再生機能が機能しない可能性があることに注意してください： - ユーザーがブラウザでそのアクションを防止するように設定している場合、または「Mute Video」パラメーターがオフになっている場合。 - ユーザーが低電力モードのiPhoneを使用し、Safariブラウザでウェブサイトにアクセスしている場合、自動再生機能は有効になりません。 | | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-74dd13a39d7adf3187887408a5e9a6a37702e962%2Fimage7-5.png?alt=media) | | **Mute Video**: 動画のサウンドをオン/オフにします。 | ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXc9CztpWppVrJ_3EgwgTpMetuke1v2RL_ZuMCWwzKWHR0Y-BK-KdHxXDmniQxID5nMbXHdj-47WutHjduGWWMdvSed5lQYcXdyrTQIthNnf-XJ7mcpXP2D4bgcXUOvRSxDbzvBiN9EOXevdSJHlvwkeyXVjUr_3Al6lcQ_bIZKkSFA.png) ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-1ed23ca898217707cb56548755151abeeeb6007b%2Fimage4-6.png?alt=media) |\ \| **Content loading:** ライブプレビューでの動画の読み込みタイプを選択します。2つのオプションがあります： - **Lazy Loading:** 動画はユーザーのビューポートに入ったときにのみ読み込まれるため、最初のページ読み込み時間が短縮され、帯域幅が節約されます。 - **Standard:** 動画はすぐに読み込まれるため、インターネット接続が速いユーザーにはよりスムーズな体験を提供できます。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-eeb564551341e554aac8a040a4172b37222e65b0%2Fimage1-9.png?alt=media) |\ \| **Display Ratio:** 動画の表示比率を4:3または16:9で選択します。 | ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-cc7b7341197056398c0908239e11627b3034bd96%2Fimage8-2.gif?alt=media) | スペーシング、ボーダー、カスタムCSSについては、[こちら](https://help.pagefly.io/documentation/pagefly-elements-style-settings/%23spacing) をご覧ください。 ### 一般的なケース * ウェブページに動画を多数埋め込みすぎると、読み込み時間が遅くなり、訪問者を圧倒する可能性があります。シームレスな閲覧体験を確保するためには、テキストコンテンツと視覚コンテンツのバランスを取ることが不可欠です。特に動画が長かったり冗長だったりする場合は、Vimeo動画エレメントを過度に使用することは避けてください。 * 訪問者を混乱させ、ブランドメッセージを薄める可能性があるため、関係のない動画や話題から外れた動画を追加して、訪問者を邪魔したり引きつけなかったりすることは避けてください。Vimeo動画エレメントを使用して組み込む動画が、ウェブサイト全体のテーマ、目的、対象オーディエンスと一致していることを確認することが重要です。 ### よくある質問 **1. Vimeo動画とは何ですか？** 元々、Vimeoはアメリカの動画ホスティング、共有、サービスプラットフォームプロバイダーです。Vimeoは、様々なデバイスで高品質の動画を提供することに重点を置いています。 **2. 「Vimeo」は何の略ですか？** 「**Vimeo**」は「**video**」と「**me**」を組み合わせたもので、「**My Personal Video Creations**」（私の個人的な動画作品）を象徴しています。 **3. VimeoとYouTubeの違いは何ですか？** VimeoはYouTubeよりも動画のプライバシーに関してきめ細かな制御を提供します。例えば、Vimeoユーザーは、特定のパスワードを持つユーザーのみが閲覧できるプライベート動画を設定できます。これはYouTubeでは不可能で、プライベート動画は作成者によって招待されたユーザーのみが閲覧できます。 ### バージョン更新 バージョン4.15では、ライブプレビューでの読み込み体験を最適化し、ページ速度を向上させるための2つのオプションを持つ新しい「Content Loading」設定を追加しました。 * **Lazy Loading:** 動画はユーザーのビューポートに入ったときにのみ読み込まれるため、最初の読み込み時間が短縮され、帯域幅が節約されます。 * **Standard**: 動画は通常通り読み込まれるため、インターネット接続が速いユーザーにはよりスムーズな体験を提供できます。 {% hint style="info" %} **注**: 特定の使用例と対象オーディエンスに対して、パフォーマンスとユーザー体験のバランスが最も取れるオプションを選択してください。 {% endhint %} ### 追加リソース * [YouTubeエレメント](https://help.pagefly.io/manual/youtube-element/) * [PageFly HTML動画エレメントを使用する](https://help.pagefly.io/manual/html-video-element/) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/pagefly-elements/media/vimeo-element.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.