前言
使用DOM控制视频元素,自定义播放控件,提供更多功能。 了解它,能让你在关于视频网站的项目中充分利用。
【开始/暂停】按钮实现思路首先通过DOM获取video元素,然后通过paused()方法,判断视频是否处于暂停状态,最后if分支,如果处于暂停状态则使用play()方法开启播放状态,反之else让它暂停。 注意:paused()方法返回一个布尔值(Booleans),如果处于暂停状态返回true,反之flase。 放在if里判断,那就可以知道此方法返回值肯定是booleans值。
关注
打赏
热门博文
- uni-app - 随机数生成器,随机生成指定区间的整数或小数(支持指定小数点的位数)
- uni-app - 节流与防抖(按钮节流、输入框防抖解决方案)
- 微信小程序 - 页面触底 onReachBottom() 懒加载自动计算分页、检查是否已经请求完全部数据、自动请求接口合并数据(高效自动判断分页懒加载是否继续请求接口数据,超详细触底请求后端示例教程)
- JavaScript - 简单快速,根据条件剔除删除对象中某个字段键值(key / value)
- 微信小程序 - wx.navigateTo 跳转的路径携带 query 等参数,直接被忽略截断了(只剩网页域名后面的参数都没了),导致无法顺利传递给 web-view 组件(解决方案)
- JavaScript - 判断当前网页是否在微信内置浏览器中运行(最靠谱的方案,检查是否在微信浏览器中打开网站或页面)
- JavaScript - 纯 JS 实现让浏览器滚动条回到顶部(3种解决方案)
- uni-app - 根据后端返回的唯一 ID / code,生成 “唯一“ 的推荐码、邀请码、订单号、加密路由、一串英文+数字长字符等 (支持反序列化原 ID 解码,逆向得出 ID 二者互转)
- Vue Nuxt.js - 根据后端返回的唯一 ID / code,生成 “唯一“ 的推荐码、邀请码、订单号、加密路由、一串英文+数字长字符等 (支持反序列化原 ID 解码,逆向得出 ID 二者互转)
- JavaScript - 根据后端返回的唯一 ID / code,生成 “唯一“ 的推荐码、邀请码、订单号、加密路由、一串英文+数字长字符等 (支持反序列化原 ID 解码,逆向得出 ID 二者互转)