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

HTML5+CSS3+JS学习笔记-5

2016-12-15 21:35 495 查看
今天学习了一下音频和视频标签的简单应用。

--------案例代码---------------

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>音频视频练习</title>

</head>

<body>

<!--音频标签：audio；第一种写法，如果浏览器不支持音频格式，提示文字-->

<audio src="music/music.mp3" autoplay="autoplay" controls="controls">不支持音频格式</audio><br>

<!--第二种写法,2种格式同一音频文件，能够自动播放支持的音频格式，autoplay 表示自动播放 ； controls 表示控制面板-->

    <audio autoplay="autoplay" controls="controls">
    <source src="music/music.ogg">
    <source src="music/music.mp3">

</audio><br>

<!--视频标签：video；视频也是类似的,3种格式同一视频文件，能够自动播放支持的视频格式，autoplay 表示自动播放 ； controls 表示控制面板-->

<video>
    <source src="video/movie.mp4">

    <source src="video/movie.ogg">

    <source src="video/movie.wmv">

</video>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航