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控制视频播放的效果。
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控制视频播放的效果。
下载H5页面中嵌入视频的方法:一、可以获取H5页面中视频源链接
获取了视频地址,不管是什么平台的都有方法下载下来。比如说,用各种下载器,或者说视频地址原平台的客户端下载。再不济,也可以用录屏软件录制一下。
二、不可以获取H5页面中视频源链接
不可以获取视频地址的,没办法,只能将H5链接,放在电脑上,通过浏览器播放,然后再进行录制。