如何在 HTML 中设置在视频下载期间显示的图像?
在本文中,我们将学习如何在 HTML 中设置在视频下载期间显示的图像。
HTML 的`
语法
以下是 HTML `
<video poster="URL">
让我们深入研究以下示例,以便您可以更多地了解 HTML `
示例 1
在以下示例中,我们使用 `
<!DOCTYPE html>
<html>
<body>
<center>
<video width="340" height="220" controls poster="https://tutorialspoint.com/static/images/logo-color.png">
<source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4" type="video/mp4">
</video>
</center>
</body>
</html>
执行上述脚本后,它将生成一个输出,其中包含已上传的视频以及使用 `
示例 2
考虑以下示例,其中我们使用两个视频,一个带有 `
<!DOCTYPE html>
<html>
<body>
<center>
<video width="340" height="220" controls poster="https://tutorialspoint.com/images/logo.png">
<source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4">
</video>
<video width="320" height="240" controls>
<source src="https://samplelib.com/lib/preview/mp4/sample-30s.mp4">
</video>
</center>
</body>
</html>
脚本执行后,它将生成一个输出,其中包含上传到网页的两个视频,其中一个添加了 HTML `
广告
数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP