我正在构建一个学习应用程序。这有一个类似测验的界面,所以有很多屏幕。大多数屏幕都伴随着动画。考虑到质量和文件大小,.mp4 似乎是动画的最佳格式。但是,HTML 像:
<video autoplay muted controls>
<source src="file.mp4">
</video>
如果流量节省程序已打开,则不会在 Chrome(最新版本)上自动播放。(它适用于 Firefox 和 Safari。)这些 .mp4 文件的大小约为 30 KB。我了解 Google 正试图阻止下载不必要的大量数据的背景视频。但是,就我而言,(i)每次都要求用户点击播放按钮;或者,(ii)要求她关闭隐藏在浏览器设置中某处的数据保护程序,这是糟糕的用户体验。
我在页面加载上尝试了 jQuery .load(),然后是 .play()。我创建了一个假按钮,可以在 onclick() 期间执行 .load() 和 .play(),并触发按钮单击页面加载等。似乎没有任何效果。即使打开数据保护程序也可以使视频自动播放的任何黑客行为?