2020/6/3 学习总结 video元素与audio元素

最新推荐文章于 2022-03-16 15:29:44 发布

Alonso_36

最新推荐文章于 2022-03-16 15:29:44 发布

阅读量322

点赞数

本文链接：https://blog.csdn.net/m0_46376522/article/details/106530917

版权

本文介绍了HTML5中的video和audio元素的基础知识，包括它们的用途和基本用法。通过source元素可以指定多种播放格式，以适应不同的浏览器支持。此外，还详细讲解了video与audio元素的常见属性，如src、controls、width、height、autoplay、preload、poster、loop和error属性，以及networkState属性的含义，帮助理解如何控制多媒体的播放行为和状态。

摘要由CSDN通过智能技术生成

video元素与audio元素基础

video：放视频
audio：放音频
用法：

	<audio controls="controls" src="MP3.mp3"></audio>两者用法相同
	<audio controls="controls" src="MP3.mp3">不支持</audio>浏览器不支持则显示中间的话

source元素：指定多个播放格式与编码，自上到下选择到支持的格式为止。

<video>
<source src="video.m4v" type="video/mp4"/>
<source src="video.webm" type="video/webm"/>
<source src="video.ogv" type="video/ogg"/>
<source src="video.mp4"/>
</video>

总的代码：

<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="utf-8" />
		<title>video元素与audio元素的基础知识</title>
	</head>
	<body>
		<h1>audio元素的实用示例</h1>
		<audio contro