如何使用JS控制video视频的播放

新建一个html文件，定名为test.html，用于介绍若何利用JS节制video视频。

在test.html页面，利用button标签建立四个按钮，别离是播放/暂停、大、中、小，用于节制视频的播放结果。同时，利用video标签建立一个视频，代码如下：

给每个按钮绑心猿意马onclick点击事务，当按钮被点击时，别离执行响应的函数来节制视频的播放结果，代码如下：

利用document.getElementById()获得视频对象，建立“播放/暂停”的playPause()函数，利用play()方式节制视频的播放，利用pause()节制视频的暂停。

建立makeBig（）函数，当点击"大"按钮时，使视频以宽度560px来播放视频。代码如下：

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

在浏览器打开test.html文件，测试js节制视频播放的结果。

0 条评论