
在本文中,我们将学习如何在HTML中指定在页面加载时如何加载音频/视频以及作者的观点。
通过使用 HTML 音频预加载属性,作者可以描述页面加载时如何加载音频。该功能允许作者告诉浏览器如何实现网站的用户体验。
注意− 当自动播放存在时,预加载将被忽略。
以下是HTML preload属性的语法。
立即学习“前端免费学习笔记(深入)”;
<video preload="auto|none">
为了更好地理解如何在HTML中指定作者认为音频/视频在页面加载时应该如何加载。
preload=auto设置指示浏览器下载整个视频。使用此方法开始后,视频将完全重新播放,这是最消耗数据的方法。如果未给出preload属性的值,则使用自动选择。
在下面的示例中,我们设置预加载=“auto”。
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls preload="none">
<source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4">
</video>
</body>
</html>
在执行上述脚本时,当用户尝试重新加载网页时,它将使用户重新加载与图像一起上传的视频。
Preload=none指示浏览器不下载视频的任何字节,尽管存在一个视频。设备上没有本地视频存储,所以这显然节省了数据,但以延迟视频启动为代价。
考虑以下示例,我们将preload设置为“none”。
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls preload="none">
<source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4" type="video/mp4">
</video>
</body>
</html>
当脚本执行时,它会使用户在网页加载时不加载视频
以上就是如何在HTML中指定元素为只读?的详细内容,更多请关注php中文网其它相关文章!
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号