又是好几个月没有写东西,还是太懒散了~必须要教育下自己罗~ 这次做了个播放视频的移动H5,之前没有仔细玩过,好好记录下基本知识,还有遇到的一些坑,方便之后再次遇见后进行解决 一、基本 video标签在兼容性上还是比较差的,如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或 ...
分类:
Web程序 时间:
2016-07-13 19:56:24
阅读次数:
386
先简要概述一下video标签: video:嵌入视频到页面中 1. 声明video标签 单个视频的时候使用src: Your browser does not support the video element. 多个视频的时候使用标签: Your browser does not support ... ...
分类:
Web程序 时间:
2016-06-19 11:20:03
阅读次数:
300
html5的video标签使得加载视频方便了许多,上午无事,做了一个小demo,包含了一些很基本的功能。播放,进度这些。主要是了解一下相关api。 html: //ps:本函数用到的一些参数如下: //video对象相关属性: //currentTime 属性设置或返回音频/视频播放的当前位置(以秒 ...
分类:
Web程序 时间:
2016-06-18 12:52:11
阅读次数:
264
现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面来认识HTML 5的视 ...
分类:
其他好文 时间:
2016-05-14 11:26:49
阅读次数:
302
最近项目中遇到WebView 播放视频需求(H5 video 标签),那么问题来了视频无法全屏播放等。
对于这种视频播放问题有多种方案可以解决,例如:
1.实现一个网络视频播放器来播放网络视频(这个方案如果不利用开源的框架,实现起来费时费力)
2.自定义WebView实现利用H5的Video标签来播放视频(可以解决基本的视频播放需求,但是可能很多效果难以实现,比如手势控制等)...
分类:
移动开发 时间:
2016-05-12 13:40:13
阅读次数:
1176
现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面来认识HTML 5的视 ...
分类:
Web程序 时间:
2016-05-05 10:54:58
阅读次数:
197
工作中遇到video加载视频的问题,但是视频封面在手机上无法取到视频的第一帧,video标签无法在手机上取到第一帧,经过几天的研究于搜索终于找到比较好用的办法,就是php ffmped 插件,该插件的安装请查阅百度相关资料,那么下面是取到视频第一针的具体代码 ...
分类:
Web程序 时间:
2016-05-02 11:47:46
阅读次数:
221
自己写个HTML5的视频播放器,大家在一些大得视频网站上看到的视频播放器是不是很高大上?现在html5可以很轻松的完完成 在贴代码之前,我要简单的说两句,我只做了几个比较简单的功能,大家可以入门学习,如果想深入,那么请上w3cschool查找更多的方法 第一我先贴代码,然后我贴w3cschool上介 ...
分类:
Web程序 时间:
2016-04-03 06:59:03
阅读次数:
198
直接说问题吧, 测试设备,ipod 我们在移动端播放视频的时候,一般使用H5的video标签,OK,这里有几点差异(就我目前所发现的)给大家分享一下, 1、在IOS7中,video元素是需要确定大小的(宽高都需要),否则,你就会看到一个很小的视频在那恶心你, 我们在写代码调试的时候一般是使用chro ...
分类:
移动开发 时间:
2016-03-31 12:49:48
阅读次数:
183
在video标签下,系统会默认显示内置的播放图标,美不美观另说,但在很大程度上,这个图标都难以和项目的整体风格保持一致。 查看文档,我们发现可以通过去掉 controls 属性去掉播放图标,但是如果你的项目需要适配移动端,你就会发现,这一属性失效了,无论如何,play图标都会突兀的显示在页面上。 那
分类:
移动开发 时间:
2016-03-21 01:29:31
阅读次数:
540