Html-音视频基础实例

最新推荐文章于 2022-08-15 15:18:45 发布

Swxctx

最新推荐文章于 2022-08-15 15:18:45 发布

阅读量702

点赞数

分类专栏： H5

本文链接：https://blog.csdn.net/qq_28796345/article/details/52056993

版权

H5 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

音频：

<!DOCTYPE html>
<html>
<body>

<h4>使用embed</h4>
<embed height="50" width="100" src="horse.mp3">

<h4>使用object</h4>
<object height="50" width="100" data="horse.mp3"></object>

<h4>使用audio</h4>
<audio controls>
  <source src="horse.mp3" type="audio/mpeg">
  <source src="horse.ogg" type="audio/ogg">
</audio><br/>

<audio controls>
	<source src="horse.mps" type="audio/mpeg">
	<source src="horse.ogg" type="audio/ogg">
	 <embed height="50" width="100" src="horse.mp3">
</audio>

<h4>雅虎播放器</h4>
<p><a href="horse.mp3">Play mp3</a></p>
<p><a href="liar.wav">Play  wav</a></p>

<script src="http://mediaplayer.yahoo.com/latest"></script>
<br/>

<h4>使用超链接</h4>

<p><a href="horse.mp3">点击播放</a></p>

</body>
</html>

视频：

<!DOCTYPE html>
<html>
<body>

<h4>点击播放(video)</h4>
<video width="320" height="240" controls>
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.webm" type="video/webm">
</video>

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

<h4>使用超链接</h4>
<a href="movie.ogg">点击播放</a>

</body>
</html>