html中插入视频音频

来源：互联网发布：硕鼠mac下载编辑：程序博客网时间：2024/06/05 11:54

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

0 0