本文的目录： 1.获取影片总时长2.播放、暂停3.获取影片已播放时间和设置播放点4.音量的获取和设置 第一、获取影片总时长 对播放器（video）操作，首先要得到的是影片的一些信息，其中一个就是总时长，除了内容以为，总时长也是第一时间要显示的。在对video进行操作的的前先给video标签添加一个I ...
分类：
其他好文 时间：
2017-05-08 23:15:56
阅读次数：
263
video标签的使用 video标签定义视频， 它是html5中的新标签， 它的属性如下（参考自文档）： domo01 src 即视频的路径 loop 即是否循环，即播放结束之后继续播放 autoplay 即准备就绪之后就播放 controls 即出现控制控件，如果没有则无开始暂停等按钮 width ...
分类：
Web程序 时间：
2017-05-08 00:31:46
阅读次数：
299
<video>的基本属性： preload: （预加载）iPhone支持，Android不一定支持; poster: （封面图片）iPhone支持，Android不一定支持; autoplay: （自动播放）iPhone中的Safari不支持，webview可能被开启。Android不一定支持； l ...
分类：
其他好文 时间：
2017-04-28 20:24:11
阅读次数：
795
今天在研究一个个人用户的需求的时候，发现他需要把自己的视频介绍放到网上，并且在自己的网页上可以看到。当时我们的第一想法是上传到自己的服务器，然后下载下来看，这时就涉及到了Html的video标签的问题，但是因为H5的标准各个浏览器的表现不一致，导致了不同的浏览器的播放器表现不一直，其实这还不是最主要 ...
分类：
Web程序 时间：
2017-04-14 18:45:20
阅读次数：
280
现在如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。好吧，现在让我们从技术层面来认识HTML 5的视 ...
分类：
Web程序 时间：
2017-03-25 00:44:09
阅读次数：
316
属性： src ：视频的属性 poster：视频封面，没有播放时显示的图片 preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 width：视频宽度 height：视频高度 获取video标签：var Media = document.get ...
分类：
Web程序 时间：
2017-03-02 11:06:41
阅读次数：
205
关于html5 video的连续播放 您的浏览器不支持HTNL5的video标签 连续播放 你的浏览器不支持HTML5播放此视频 ...
分类：
Web程序 时间：
2017-02-20 13:22:34
阅读次数：
213
直入正题，JS打开摄像头并截图上传至后端的一个完整步骤 1. 打开摄像头主要用到getUserMedia方法，然后将获取到的媒体流置入video标签 2. 截取图片主要用到canvas绘图，使用drawImage方法将video的内容绘至canvas中 3. 将截取的内容上传至服务器，将canvas ...
分类：
Web程序 时间：
2017-02-18 18:19:43
阅读次数：
295
现在如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。好吧，现在让我们从技术层面来认识HTML 5的视 ...
分类：
Web程序 时间：
2017-02-14 12:09:22
阅读次数：
185
