<!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 视频下载图像显示 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文转载于：tutorialspoint，如有侵犯，请联系admin@php.cn删除

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