HTML5 中为视频 video
和音频 audio
元素,提供了属性、方法和事件。这两个元素的常用属性上一节我们已经讲过了,本节我们来讲一下这两个元素的方法。
视频和音频的常用方法
HTML5 中为 video
元素 和 audio
元素提供了一些方法,这些方法可以用于操作 video
元素和 audio
元素,下面我们来看一下:
方法 | 描述 |
---|---|
paly() | 开始播放音频、视频 |
pause() | 暂停当前播放的音频、视频 |
load() | 重新加载音频、视频元素 |
addTextTrack() | 向音频、视频添加新的文本轨道,所有主流浏览器都不支持此方法 |
canPlayType() | 检测浏览器是否能播放指定的音频、视频类型 |
其中 paly()
方法和pause()
方法可以用于视频、音频的开始播放和暂停播放,load()
方法用于重新加载视频和音频,下面我们来看一下这些方法的使用。
示例:
在某段音频的下方创建三个按钮,分别是播放音频、暂停音频、重新加载。
首先我们先插入一段音频,代码如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5学习(9xkd.com)</title>
</head>
<body>
<div>
<audio id="myaudio" controls="controls">
<source src="./test.mp4" type="audio/mpeg"