loadeddata是指当媒体当前播放位置的帧完成加载时触发该事件，通常是第一帧。
在监听 loadeddata 中指定事件触发时执行的函数，我们的实现截取第一帧就在这里面编写。
首先定义创建一个 canvas 标签；其次指定 canvas 标签的宽高；最后调用canvas元素中的getContext方法。
我只说思路：1。点击位置时，要判断点击点的位置，所处进度条的百分比。
2.用这个百分比和时长相乘，
3.设置播放位置（currentTime）
4. 播放
1、首先需要新建一个html文件，命名为test.html，用于介绍如何使用JS控制video视频的src。
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控制视频播放的效果无误。
