HTML5 音频视频

audio 元素能够播放声音文件或者音频流。

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="utf-8"><title>HTML5 音频播放</title>
</head>
<body><!-- audio（音频）control（控制器）标签：<audio> 定义声音 <source> 规定媒体资源，可以是多个 浏览器支持情况：      IE 9    Firefox 3.5    Opera 10.5    Chrome 3.0    Safari 3.0
Ogg Vorbis                 √            √              √     MP3             √                                      √            √Wav                        √            √                           √--><audio id="audio" src="./不浪漫罪名 - 王杰.mp3" controls="controls">您的浏览器不支持</audio><br/><!-- 自定义控制器 --><button onclick="clickA()">播放/暂停</button><script type="text/javascript">var a = document.getElementById('audio');function clickA(){if(a.paused){a.play()}else{a.pause();}}</script></body>
</html>

video 视频：

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="utf-8"><title>HTML5 视频播放</title>
</head>
<body><!-- video（视频）control（控制器）标签：<video> 定义视频 <source> 规定媒体资源，可以是多个 属性：width：宽height：高loop：当媒介文件完成播放后再次开始播放。autoplay：当视频在就绪后马上播放。当前，video 元素支持三种视频格式：格式    　　IE    Firefox        Opera    Chrome    Safari
Ogg        No     3.5+          10.5+     5.0+      No
MPEG4    　9.0+    No            No       5.0+      3.0+
WebM   　　 No     4.0+         10.6+     6.0+       No
--><video id="video" controls="controls"><source src="./1.mp4"><source src="./1.ogg">您的浏览器不支持</video></body>
</html>

转载于:https://www.cnblogs.com/bob-yu/p/5463012.html

HTML5 音频视频相关推荐

HTML5 音频视频的使用以及自定义播放器
一.音频 audio:音频 src:播放的音频文件的路径 controls:音频播放器的控制面板 autoplay:自动播放 loop:循环 <audio src="../mp3/xx ...
平凡前端之路_03.HTML5的音频视频多媒体
文章目录 HTML5音频视频 HTML5音频 HTML5视频 HTML5音频视频常用属性 HTML5音频视频常用方法 HTML5音频视频常用事件 HTML5音频视频特殊属性浏览器不支持音频视频自动播 ...
html5视频播放怎么结束,html5设置或返回音频/视频是否应该在结束时再次播放的属性loop...
实例将视频设置为循环播放:myVid=document.getElementById("video1");myVid.loop=true; 定义和用法 loop 属性设置或返回音 ...
HTML5媒体（音频/视频）
摘要: 在HTML5出现之前,web媒体大部分通过Flash来实现.这种方式造成了文件大加载慢,影响网站性能,开发难度高,维护麻烦,不易扩展等.这就导致HTML5自己开始支持媒体功能.HTML5 DO ...
移动端HTML5音频与视频问题及解决方案
移动端HTML5音频与视频问题及解决方案参考文章: (1)移动端HTML5音频与视频问题及解决方案 (2)https://www.cnblogs.com/aaronjs/p/4812119.html ...
html5新标签-音频视频
大家都有在网页中浏览视频的经历,但在Html5之前,对视频乃至音频都还没有一个标准.因此,在网页中看到的视频,都是通过第三插件的方式嵌入的,可能是QuickTime,也可能是RealPlayer 或者 ...
HTML5 ＜VIDEO＞标签音频视频进度条无法正常使用问题
@HTML5 <VIDEO>标签音频视频进度条无法正常使用问题 html <video id='previewVideo' autoplay controls="con ...
HTML5 Video(视频)，HTML 音频(Audio)
HTML5 Video(视频), 很多站点都会使用到视频. HTML5 提供了展示视频的标准. 检测您的浏览器是否支持 HTML5 视频: 检测 Web站点上的视频直到现在,仍然不存在一项旨在网页上 ...
html5如何设置视频为静音,html5中设置或返回音频/视频是否应该被静音的属性muted-...
实例关闭视频的声音:myVid=document.getElementById("video1"); myVid.muted=true; 定义和用法 muted 属性设置或返回音 ...

HTML5 音频视频

HTML5 音频视频相关推荐

最新文章

热门文章