Chrome VimeoIframeの自動再生が機能しなくなりました
Chrome Vimeo Iframe Autoplay Not Working Anymore
解決:
注釈を付ける
これは「Iframe委任」と呼ばれ、https://developers.google.com/web/updates/2017/09/autoplay-policy-changesで説明されています。
追加する必要があります&muted = 1をiFramesrcパスに追加し、属性を追加する必要がありますallow = 'autoplay'をiFrameに追加します。これで、VimeoビデオがChromeで自動的に再開されます。
はい、彼らのドキュメントによるとそうです。
https://help.vimeo.com/hc/en-us/articles/115004485728-Autoplaying-and-looping-embedded-videos
編集:
FireFox、Chrome、Safariなどの高度なブラウザは、デフォルトでビデオの自動再生をブロックするようになりました。
クローム自動再生ポリシー:
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Media Engagement Index(略してMEI)は、Chromeの方法として、ユーザーとしてのこのWebページとの以前の操作に基づいてページの自動再生オーディオを許可することです。あなたはこれがどのように見えるかを見ることができます
chrome:// media-engagement /
MEIはユーザープロファイルごとに計算され、シークレットモードに維持されます。
WEBKIT / SAFARI自動再生ポリシー:
https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/
FIREFOXの自動再生の改善:
https://www.ghacks.net/2018/09/21/firefox-improved-autoplay-blocking/
ノート: メディア要素が再生されると想定したり、最初から一時停止ボタンを表示したりしないでください。 HTMLMediaElementのplay関数によって返されるPromiseを見て、拒否されたかどうかを確認します。
var promise = document.querySelector( 'video')。play(); if(promise!== undefined){promise.catch(error => {//自動再生が阻止されました//ユーザーが手動で再生を開始できるようにUI要素を表示します})。then(()=> {//自動-プレイ開始}); }