zl程序教程

您现在的位置是:首页 >  其他

当前栏目

DOM控制video实现开始/暂停按钮思路方法

控制思路方法 实现 开始 按钮 dom Video
2023-09-11 14:15:54 时间

前言

使用DOM控制视频元素,自定义播放控件,提供更多功能。
了解它,能让你在关于视频网站的项目中充分利用。
<video>同样拥有像对象那样的属性、方法、事件,它也同样支持CSS。

【开始/暂停】按钮实现思路

首先通过DOM获取video元素,然后通过paused()方法,判断视频是否处于暂停状态,最后if分支,如果处于暂停状态则使用play()方法开启播放状态,反之else让它暂停。
注意:paused()方法返回一个布尔值(Booleans),如果处于暂停状态返回true,反之flase。
放在if里判断,那就可以知道此方法返回值肯定是booleans值。

<!DOCTYPE html>
<html>
<head>
	<met