您的位置：首页 > Web前端 > HTML5

Html5学习笔记四—播放音频和视频文件

2014-08-25 14:38 471 查看

1，加载音频文件：

Key word ：<audio src=”路径” controls=”controls”>

Src是音频路径，controls属性用来提供播放，暂停，音量控制

下面是一个简单代码进行播放本地音频

<!DOCTYPE HTML>

<html>

<body>

<audio controls="controls">

<source src="E:\KuGou\李圣杰 - 手放开.mp3"type="audio/mpeg">

</audio>

</body>

</html>

下面介绍autoplay 功能可以用于添加背景音乐，其实就是自动循环播放

<!DOCTYPE HTML>

<html>

<body>

<audio autoplay loop>

<source src="E:\KuGou\李圣杰 - 手放开.mp3"type="audio/ogg">

</audio>

</body>

</html>

页面不显示任何图标，因为没有用controls嘛！

2，播放视频文件

Keyword ：<video src=”路径”controls="controls">

跟音频文件类似，Src是音频路径，controls属性用来提供播放，暂停，音量控制

<!DOCTYPE HTML>

<html>

<body>

<video controls="controls">

<source src="medias/volcano.mp4"type="video/mp4"> //记住对应你放的视频格式

</video >

</body>

</html>

效果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航