如何在 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 `` 属性,另一个是普通的。

更新于:2022年12月15日

252 次浏览

启动你的职业生涯

完成课程获得认证

开始学习
广告