chromeブラウザではaudioとビデオラベルのautoplay自動再生はサポートされていません
599 ワード
IOS/Androidではvideoのautoplayはサポートされておらず、PC側のsafariも2017年のsafari 11バージョンで音声付きマルチメディア自動再生機能が禁止され、Chromeが2018年4月にリリースした66バージョンで音声自動再生をオフにした、つまりHTML 5のaudioとvideoタグautoplay属性は一般ページ側では基本的に廃れている.Web側でautoplayを有効にするには、ユーザー自身が自分のブラウザを設定し、音声付きマルチメディアの自動再生を許可することができます.
設定方法:
1、chromeブラウザのアドレスバーに次のように入力します.chrome://flags2、「Autoplay policy」を検索し、デフォルトは「Default」、「No user gesture is required」に変更すればよい
なぜならPlay()はインタラクティブなイベントで使用する必要があります.そこで、プロジェクトでは、ユーザーがスライドイベントをトリガーするとaudioが自動的に再生します.
設定方法:
1、chromeブラウザのアドレスバーに次のように入力します.chrome://flags2、「Autoplay policy」を検索し、デフォルトは「Default」、「No user gesture is required」に変更すればよい
なぜならPlay()はインタラクティブなイベントで使用する必要があります.そこで、プロジェクトでは、ユーザーがスライドイベントをトリガーするとaudioが自動的に再生します.
window.addEventListener("touchstart", function() {
audio.play();
})