首页 >

video标签怎么设置视频暂停 – CSS – 前端,css3文字马赛克

css 字体方向,dw检查css,css引入新字体,css 去除右侧边框,css3的气泡,css3 响应式图片,css3文字马赛克video标签怎么设置视频暂停 - CSS - 前端,css3文字马赛克

1、新建一个html文件,命名为test.html,用于介绍如何使用video控制视频。

2、在test.html页面,使用button标签创建四个按钮,分别是播放/暂停、大、中、小,用于控制视频的播放效果。同时,使用video标签创建一个视频。

3、给每个按钮绑定onclick点击事件,当按钮被点击时,分别执行相应的函数来控制视频的播放效果。

4、使用document.getElementById()获得视频对象,创建“播放/暂停”的playPause()函数,使用play()方法控制视频的播放,使用pause()控制视频的暂停。

5、创建makeBig()函数,当点击"大"按钮时,使视频以宽度560px来播放视频。

6、创建makeNormal()函数与makeSmall()函数,当点击“中”按钮时,使视频以宽度420px来播放视频,当点击“小”按钮时,使视频以宽度320px来播放视频。

7、在浏览器打开test.html文件,测试js控制视频播放的效果。

css 字体方向,dw检查css,css引入新字体,css 去除右侧边框,css3的气泡,css3 响应式图片,css3文字马赛克video标签怎么设置视频暂停 - CSS - 前端,css3文字马赛克


video标签怎么设置视频暂停 - CSS - 前端,css3文字马赛克
  • 微信的朋友圈和新浪微博 - CSS - 前端,css如何写伪类
  • 微信的朋友圈和新浪微博 - CSS - 前端,css如何写伪类 | 微信的朋友圈和新浪微博 - CSS - 前端,css如何写伪类 ...

    video标签怎么设置视频暂停 - CSS - 前端,css3文字马赛克
  • css3新增选择器,css3的transition是直接写在选择器上,还是写在选择器的hover上 - CSS - 前端,css设置滚动条宽度
  • css3新增选择器,css3的transition是直接写在选择器上,还是写在选择器的hover上 - CSS - 前端,css设置滚动条宽度 | css3新增选择器,css3的transition是直接写在选择器上,还是写在选择器的hover上 - CSS - 前端,css设置滚动条宽度 ...

    video标签怎么设置视频暂停 - CSS - 前端,css3文字马赛克
  • 飞利浦fb830音箱怎么样 - CSS - 前端,css 布局 联动框
  • 飞利浦fb830音箱怎么样 - CSS - 前端,css 布局 联动框 | 飞利浦fb830音箱怎么样 - CSS - 前端,css 布局 联动框 ...