私は学習アプリケーションを構築しています。これにはクイズに似たインターフェースがあり、スクリーンがたくさんあります。ほとんどの画面にはアニメーションが付いています。品質とファイルサイズを考慮すると、.mp4はアニメーションに最適なフォーマットのようです。ただし、HTMLのように:自動再生HTML5ビデオAndroid搭載Chrome with Data Saver
<video autoplay muted controls>
<source src="file.mp4">
</video>
データセーバーが有効になっている場合は、Chromeで自動再生されません(最新のバージョン)。 (これはFirefoxとSafariで動作します)。これらの.mp4は〜30 KBのサイズです。私は、Googleが不要なデータの重い背景ビデオがダウンロードされないようにしようとしていることを理解しています。しかし、私の場合、(i)毎回再生ボタンをクリックするようにユーザーに求めます。または、(ii)ブラウザー設定のどこかに隠されているData Saverをオフにするように彼女に要求すると、ひどいUXです。
pageloadでjQuery .load()と.play()を試しました。私はonclick()の間に.load()と.play()を実行する偽のボタンを作成し、pageloadなどのボタンのクリックをトリガーしました。 Data Saverをオンにしても動画を自動再生するハッキング
私はそれが意図したとおりに動作していることを理解しており、またそれが有用な機能であることに同意します。だからこそ、私はハッキングがあるかどうかを知りたがっているのです:)とにかく、この機能がメディアファイルのサイズを考慮すれば、おそらくもっと効果的でしょう。 – contrariwise
問題は、ブラウザが自動再生をトリガーする前にビデオのサイズを知ることができないことです。 – mdwelsh
"データセーバーモードが有効な場合は自動再生が行われません。データセーバーモードが有効な場合は、メディア設定で自動再生が無効になります。 Data Saverの紹介からわかることの1つは、安全なページ(https://で始まるアドレス)またはシークレットモードでプライベートで閲覧している場合、データセーバーは機能しません。 Android Chrome 58とデータセーバーを使用しているため、https://: https://developers.google.com/web/updates/2016/07で、シークレットモードでも動画は表示されません/自動再生(動画表示エリアは空のままです) – Smilefounder