js控制视频播放

JavaScript018

js控制视频播放,第1张

你视频是什么格式的？

你IIS里面MIME类型未被添加。

添加方法是，你对你的站点点右键点属性，然后点击HTTP头标签，

下面有个MIME类型按钮。单击该按钮。

像里面添加MIME类型。

比如你的视频文件是rmvb那么扩展名填.rmvb

MIME类型填video/vnd.rn-realvideo

MIME类型扩展名

video/x-ms-asf asf

video/mpeg mpeg mpg

video/x-msvideo avi

application/vnd.rn-realmedia rm

audio/x-pn-realaudio ram ra

audio/x-aiff aif aiff aifc

audio/mpeg mpga mp3

audio/midi mid midi

audio/wavwav

audio/x-ms-wma wma

video/x-ms-wmv wmv

这是其他常用的。

在JS中获取video标签，并监听它的loadeddata事件。

loadeddata是指当媒体当前播放位置的帧完成加载时触发该事件，通常是第一帧。

在监听 loadeddata 中指定事件触发时执行的函数，我们的实现截取第一帧就在这里面编写。

首先定义创建一个 canvas 标签；其次指定 canvas 标签的宽高；最后调用canvas元素中的getContext方法。

js调用浏览器自带的将视频另存为的方法如下：

1、打开HBuilderX开发工具，在已新建的Web项目中，创建一个静态页面文件saveAs.html。

2、打开已新建的静态页面文件，修改title标签中的文本内容。

3、在标签中，插入一个img标签和button标签。

4、在标签中，添加按钮点击事件，调用execCommand()方法。

5、保存代码并运行项目，打开浏览器查看界面效果，并点击按钮。