首页 > web前端 > html教程 > 在HTML中,我们如何设置在视频下载时显示图像?

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

王林
发布: 2023-09-12 22:45:03
转载
733 人浏览过

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

在本文中,我们将了解如何设置在以 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中文网其他相关文章!

相关标签:
来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板