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(()=> {//自動-プレイ開始}); }