html中插入视频音频

最新推荐文章于 2023-12-28 08:43:23 发布

wibur

最新推荐文章于 2023-12-28 08:43:23 发布

阅读量1w

点赞数 4

分类专栏： html

本文链接：https://blog.csdn.net/wibur/article/details/51627684

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、html中插入视频比较好的两种方法：

1、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>

上例中使用了 4 中不同的视频格式。HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败，则回退到 <embed> 元素。

2、优酷解决方案

<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" 
width="480" height="400" 
type="application/x-shockwave-flash">
</embed>

可以把视频上传到优酷等视频网站，然后在您的网页中插入 HTML 代码即可播放视频。

二、html中插入音频比较好的方法：

HTML 5 + <embed>，代码如下：

<audio controls="controls" height="100" width="100">
  <source src="song.mp3" type="audio/mp3" />
  <source src="song.ogg" type="audio/ogg" />
<embed height="100" width="100" src="song.mp3" />
</audio>