Local videoエレメントの追加.
YouTubeやVimeoの埋め込みなしで、自分のメディアライブラリーの動画ファイルをブラウザー再生で設置できます。製品デモ、短いループ、外部プレーヤーをブロックするサイトに使います。
ローカル動画の追加
ログインした状態でページを開きます。コンテンツエリアにカーソルを合わせると、ビルダーのコントロールが表示されます。基本操作は最初のページをご覧ください。
- カラムにカーソルを合わせ、コントロールバーの+をクリックします。空のページではAdd Elementsをクリックします。Contentタブを開き、Local videoをクリックします。カラムの一番上に追加され、設定ダイアログが開きます。
- 動画ファイルはVideoでSelect videoをクリックし、メディアブラウザーでファイルを選びます。
- 自動再生はStart playing automaticallyで使うかを選びます。初期値はオフです。ここではオンにします。同時にクリップがミュートされます。
- コントロール表示はControlsで選びます。初期値はオフです。ここでは再生、一時停止、音量のためにオンにします。
- クリップをLoopするかを選びます。初期値はオフです。ここではオンにするため、クリップは繰り返します。
- ダイアログのSaveをクリックします。次に、コンテンツエリア上部のツールバーにあるSaveをクリックして、ページを保存します。
表示内容
クリップがカラムの幅いっぱいで再生されます。動画では、無音で自動的に始まり、ブラウザーのコントロールが表示され、終わると繰り返します。自動再生はエディターですでに動作しますが、保存したページでもう一度確認します。ページを保存して公開すると、訪問者に表示されます。
ローカル動画の設定
エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開きます。設定項目は次のとおりです。
- Video: 再生するファイル。MP4、WEBM、OGG、OGV。フィールドには、サイトが受け付ける最大ファイルサイズが表示されます。Select videoをクリックして選びます。メディアブラウザーのないサイトでは、同じボタンで自分のコンピューターからファイルをアップロードします。
- Start playing automatically: ページ読み込み後すぐに動画を再生します。ブラウザーが音ありの自動再生をブロックするため、同時にミュートされます。
- Muted: 動画を無音で再生します。Start playing automaticallyがオフのときに表示されます。自動再生は常にミュートのためです。
- Controls: ブラウザーの再生、一時停止、音量、進行状況コントロールを表示します。
- Loop: 終わると動画を最初から再生します。
- Video width:
100%や800pxのようなCSS幅。初期値は100%です。 - Image: 再生開始前に表示するポスター画像。
表示されない場合
- ContentタブにLocal videoがない。 ユーザープロファイルで非表示になっています。管理者にUser Profilesでの有効化を依頼してください。
- 再読み込み後に消えている。 ページが保存されていません。追加し直し、コンテンツエリア上部のツールバーにあるSaveをクリックします。
- プレーヤーが黒い四角で中身がない。 動画ファイルが選択されていません。エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開き、Videoでファイル選びます。
- ファイルを選んだのに黒いままになっている。 ブラウザーがファイルのコーデックを再生できません。H.264のMP4に再エクスポートして選び直します。
- 動画が無音で再生される。 Start playing automaticallyは常にミュートします。ブラウザーが音ありの自動再生をブロックするためです。訪問者に音声が必要な場合は、その設定とMutedをオフのままにし、再生できるようControlsをオンにします。
次のステップ
Styleタブで動画の背後に間隔や背景を付けます。