動画が自動再生されません。 – meclibヘルプページ

動画の自動再生につきましては、OSやブラウザ側の仕様により自動再生の設定をいただいても動作しないことがございます。
しかし、動画の再生を行なうコンテンツ(videoタグ)を編集いただく事で自動再生をさせることは可能ですので、
対処方法について下記にご案内をさせていただきます。

自動再生の対処方法(2022/06/15時点)

※ご案内の内容についてiOSのSafariやAndroidのChromeでは「音を鳴らさない」という条件で自動再生が可能です。
　またiOSではさらに動画ファイルが埋め込まれた表示領域であれば可能という条件があるため、
　以下の手順でそれらの条件を満たすように動画コンテンツの編集を行なってください。

　なお、HTMLの標準仕様変更などにより、今後動作しなくなる可能性がございます。
　当社では保証が出来かねますので予めご理解いただき適宜ご対応ください。

コンテンツジェネレーターで動画コンテンツを作成します。
コンテンツジェネレーターのご利用については下記マニュアルをご覧ください。
マニュアル：MP4形式の動画を表示する
作成した動画コンテンツ(zipファイル)を解凍し、生成されたフォルダ内の index.html をテキストエディタなどで開きます。
index.html 内の "<video" から始まる行の "autoplay" の後ろに muted と playsinline 属性を追記して保存します。

記述例
```
<video ～ height="100%" autoplay >
↓
<video ～ height="100%" autoplay muted playsinline>
```
【手順2】で生成されたフォルダに対して再度zip圧縮を行い、ブック編集 > コンテンツ設定から動画コンテンツをアップロードしページ上に配置します。
なお、動画・音声設定で動画コンテンツを配置されている場合は、動画・音声設定側の配置設定を削除ください。

手順は以上となります。

動画のvideoタグに関する参考情報

<video>: 動画埋め込み要素 - HTML: HyperText Markup Language | MDN

自動再生できない場合

自動再生できない場合、下記の内容もご確認ください。

iPhoneの低電力モードなど端末のバッテリー消費を節約するモードが有効になっている
有効な場合、バッテリー消費を抑えるために自動再生が無効化されていることが考えられますので、無効に切り替えください。
ブラウザ側で自動再生が無効になっている
ブラウザ側の仕様により自動再生が無効化されていることが考えられます。
下記ブラウザ側の設定調整をご検討ください。

- Google Chrome
  1. アドレスバー左側にあるアイコンをクリックし、「サイトの設定」をクリックします。
  2. 設定画面の「音声」で "許可する" を選択し設定画面を閉じます。
  3. 画面上部の「再読み込み」ボタンを押して設定を適用します。
- Microsoft Edge
  1. 画面右上の「・・・」をクリックし、「設定」をクリックします。
  2. 設定画面の「Cookieとサイトのアクセス許可」をクリックし、画面右側の一覧より「メディアの自動再生」をクリックします。
  3. 「サイト上でオーディオとビデオを自動再生するかどうかを制御します」で "許可" を選択し設定画面を閉じます。
- Mozilla Firefox
  1. アドレスバー左側にあるアイコンをクリックし、自動再生の設定項目を表示します。
  2. 「自動再生」で "音声と動画を許可" を選択します。
- Safari
  1. 画面左上「Safari」をクリックし、「[ドメイン]での設定...」をクリックします。
    ※[ドメイン]は現在表示しているURLのドメインが入ります。
  2. 設定ウィンドウ「[ドメイン]での設定」の「自動再生」で "すべてのメディアを自動再生" を選択します。

動画再生について

自動再生の有無に関わらず、再生ができない場合、端末側がサポートしていないことが考えられますので、下記の内容もご確認ください。

動画ファイルの推奨条件を確認する
動画ファイルがFAQ「登録いただける動画ファイルの推奨条件」に掲載の推奨条件を満たすかをご確認ください。
満たさない場合は推奨条件に調整の上、書き出しをお試しください。
4Kの動画ファイルを使用している
4Kなどの高解像度の動画ファイルの場合、端末側がサポートしていない可能性が考えられますので、HDやFHDなど解像度を調整することをご検討ください。

カテゴリ

自動再生の対処方法(2022/06/15時点)

自動再生できない場合

動画再生について

関連記事