首页 > 文章 > web前端 > 在HTML中，我们如何设置在视频下载时显示图像？

在HTML中，我们如何设置在视频下载时显示图像？

王林转载: 2023-09-12 22:45:03705浏览

在本文中，我们将了解如何设置在以 HTML 格式下载视频时显示的图像。

HTML

语法

以下是 HTML 属性的语法。

<video poster="URL">

让我们深入研究以下示例，您可以在其中了解有关 HTML 属性的更多信息。

示例 1

在以下示例中，我们使用

<!DOCTYPE html>
<html>
<body>
   <center>
      <video width="340" height="220" controls poster="https://www.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://www.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 属性，另一个是正常的。

以上是在HTML中，我们如何设置在视频下载时显示图像？的详细内容。更多信息请关注PHP中文网其他相关文章！

html

声明：

本文转载于：tutorialspoint.com。如有侵权，请联系admin@php.cn删除

上一篇：如何将HTML中的getImageData()错误“画布已被跨域数据污染”修复？下一篇：当HTML中的ID元素的开头保持相同而结尾不同时，将CSS样式应用于它

查看更多