HTML5——多媒体API

最新推荐文章于 2022-03-15 14:54:55 发布

is_Del

最新推荐文章于 2022-03-15 14:54:55 发布

阅读量398

点赞数

分类专栏： HTML5 文章标签： html

本文链接：https://blog.csdn.net/del1026/article/details/115709375

版权

Day3

今日份内容：多媒体API的使用。

HTML5 规定了一种通过 video 、audio元素来包含视频、音频的标准方法。相较于以前的Flash插件，不论是对开发者还是使用者来说，都提高了便利性。

多媒体API

H5对多媒体元素的使用
使用多媒体API来控制播放

内容

音视频及封面、视频控制。

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>API</title>
	</head>
	<body>

		<style>
			video{
    
				display: block;
			margin: 0 auto;
			}

			img{
    
				display: block;
				margin: 0 auto;
			}

				
			audio {
    
				display: block;
				margin: 0 auto;
			}
			
			#videoDemo{
    
				margin-bottom: 20px;
			}
			
			div{
    
				float: left;
				display: inline-block;
				
			}
			
		</style>

		<div id="videoDemo">
			<video id="myVideo" width="800" height="480" src="videos/timing.mp4" controls preload="meta"
				poster="images6/timing.jpg">
				您的浏览器不支持<video />标签
			</video>
		</div>
		<div id="audioDemo">
			<img src="images6/tenYears.jpg" width="300px" /><br />
			<audio id="myAudio" src="audios/tenYears.mp3" controls autoplay="autoplay" preload="meta" >
				当前浏览器不支持audio
			</audio>
		</div>
		
		<div id="videDiv">
			<video poster="images6/timing.jpg" width="" height

最低0.47元/天解锁文章

is_Del

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML5——多媒体API

Day3今日份内容：多媒体API的使用。HTML5 规定了一种通过 video 、audio元素来包含视频、音频的标准方法。相较于以前的Flash插件，不论是对开发者还是使用者来说，都提高了便利性。多媒体APIH5对多媒体元素的使用使用多媒体API来控制播放内容音视频及封面、视频控制。代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>API&l
复制链接

扫一扫