网页插入视频&用图片做超链接

最新推荐文章于 2025-06-27 08:02:44 发布

原创最新推荐文章于 2025-06-27 08:02:44 发布 · 7.5k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#html #视频 #coder

html 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用HTML5及其他标签在网页中嵌入并播放视频。包括<video>、<object>及<embed>等标签的具体应用，并提供了不同浏览器兼容性的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在HTML页面播放视频的方法有很多种

：比如标签<video><object><embed>

：但是我们要知道播放一个视频真的是一件不容易的事情

：不同的浏览器的要求不一样，不同的浏览器有都可以播放有的就不可以播放

使用<video>标签

<video> 是 HTML 5 中的新标签。

<video> 标签的作用是在 HTML 页面中嵌入视频元素。

以下 HTML 片段会显示一段嵌入网页的 ogg、mp4 或 webm 格式的视频：

代码如下

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
Your browser does not support the video tag.
</video>

使用 <object> 标签

下面的 HTML 片段显示嵌入网页的一段 Flash 视频：

<object data="movie.swf" height="200" width="200"/>

使用 <embed> 标签

下面的 HTML 代码显示嵌入网页的 Flash 视频：

<embed src="movie.swf" height="200" width="200"/>

最好的 HTML 解决方法

HTML 5 + <object> + <embed>

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.swf" width="320" height="240" />
  </object>
</video>

用图片做超链接代码

<html>

<body>

<p><a href = "url"><img border= "0" src ="图片根目录" /></a></p>

</body>

</html>