注意:

Adobe Muse は、新しい機能が追加されなくなり、2020 年 3 月 26 日にサポートが中止される予定です。詳細な情報と支援については、Adobe Muse のサービス終了ページを参照してください。

Adobe Muse では、Web ページの背景にビデオを追加できます。通常、ビデオ背景は、ページの読み込み時に自動再生されるように設定されて追加されます。ビデオ背景により、人をひきつける Web コンテンツになります。

Adobe Muse の Background Video ウィジェットを使用すると、数回のクリックで Web ページにビデオ背景を追加できます。ウィジェットは詳細な構成が可能で、YouTube ビデオまたは Vimeo ビデオの URL が必要になります。

Background Video ウィジェットのダウンロード

  1. ブラウザーで次のリンクを開きます。

    http://musewidgets.com/collections/all/products/background-video-widget

  2. Get This Widget」ボタンをクリックします。

    Background Video ウィジェットがデフォルトのダウンロードフォルダーにダウンロードされます。ウィジェットのダウンロードに使用するブラウザーとコンピューターのオペレーティングシステムによっては、Downloads フォルダーの構成が異なる場合があります。

ビデオ背景の追加と構成

ビデオ背景を Web ページに追加するには、以下の手順に従います。

  1. Adobe Muse で、ウィンドウライブラリを選択してライブラリパネルを開きます。ボタンをクリックして、Background Video ウィジェットを読み込みます(まだ実行していない場合)。

    Background Video ウィジェットのダウンロードについては、「Background Video ウィジェットのダウンロード」を参照してください。

  2. ライブラリパネルで、Background VideoBackground Video を選択して、Web ページカンバスにウィジェットをドラッグします。

  3. Background Video ウィジェットを選択し、ボタンをクリックしてオプションパネルを表示します。

    Background Video ウィジェットのオプション
  4. オプションパネルに以下のように入力します。

    YouTube/Vimeo ビデオ URL

    ビデオ背景として追加する Vimeo または Youtube のビデオの URL を指定します。ビデオ URL フィールドに完全な URL をコピーしてください。

    例えば、https://www.youtube.com/watch?v=8eDuupJ9Uus です。

    オーディオボリューム

    ビデオ背景のオーディオボリュームレベルを指定します。オーディオをミュートする場合は、ボリュームをゼロに設定します。

    ビデオを隠す(デザイン時)

    サイトのデザインとプレビュー時に、ビデオを再生しないようにできます。「ビデオを隠す」オプションは、サイトおよびプレビューを変更するたびにビデオ背景を読み込みたくない場合に便利です。

    ビデオコントロールを許可

    ビデオ背景の再生コントロールを有効にできます。訪問者がビデオ領域にカーソルを合わせると、コントロールが表示されます。

    可能であれば HD を使用

    YouTube および Vimeo は、HD ビデオをサポートしています。このオプションを選択すると、ビデオの HD または SD バージョンのどちらを描画するかを、ウィジェットにより状況に応じて決定することができます。

    ループビデオ

    ビデオを連続ループで再生するかどうかを指定します。

    広告を隠す

    ビデオ背景がビデオ再生にズームインし、広告のオーバーレイが非表示になります。

  5. オプションパネルの外側をクリックすると終了します。Adobe Muse のプレビューモードを使用して Web ページまたはサイトをプレビューするか、ファイル/「ブラウザーでページをプレビュー」オプションを選択します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

リーガルノーティス   |   プライバシーポリシー