Js 视频停留指定帧

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

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

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

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

jQuery Mobile提供了一个叫autoInitializePage的属性，这个属性表示页面是否应该初始化，其默认值为true。

然而，如果是继承扩展 了$mobile对象，开发者则可以将该值设置为false,并且在稍晚的时候对页面初始化进行设置。

var vdos = documentquerySelectorAll("video");

for(var i = 0; i < vdoslength; i++){

vdos[i]stylewidth="100px";

vdos[i]styleheight="100px";

}

<script type="text/javascript">

//jquery获取ID为abc的元素的宽度

alert($("#abc")width());

//js获取ID为abc的元素的宽度

alert(parseInt(documentgetElementById('abc')stylewidth));

</script>

js通过html对象的style属性获取元素属性

获取到的值是包含单位（px像素）的

将获取到的值转化成整数就可去掉单位

parseInt() 函数可解析一个字符串，并返回一个整数

语法

parseInt(string, radix)

参数 描述

string 必需。要被解析的字符串。

radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

                  如果省略该参数或其值为 0，则数字将以 10 为基础来解析。

                  如果它以“0x” 或 “0X” 开头，将以 16 为基数。

                  如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。

返回值

返回解析后的数字。

以上就是关于Js 视频停留指定帧全部的内容，包括:Js 视频停留指定帧、怎么通过js或jquery获取iframe里面video 标签，这么做是否可行、html5 利用javascript控制video屏幕大小等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！