html标签video资源占用,使用HTML5 video标签的一系列问题

原标题：使用HTML5 video标签的一系列问题

H5标签的video，我想写过前端代码的人，都不会陌生吧。但video标签还是有一些问题。

一、PC端的兼容问题；

H5的标签不兼容ie8包括ie8以下的浏览器；解决办法：使用js的库video.js，Video.js 自动检测浏览器对HTML5 的支持情况，如果不支持HTML5则自动使用Flash 播放器。

二、video标签控件样式问题；

因为video是有默认的样式，在做项目时候，往往设计稿和video默认样式的不同。在HTML5的DOM给video提供了方法、属性和事件。可以完成自己想要的页面效果。

比如：暂停/开始，要用自己写的样式时：

play() 开始播放，pause() 暂停。就可以用到这两个方法。还有进度条方式等。

下面是我在咔拉商城做的样式。

三、手机端不能自动播放的问题；

移动端的浏览器为了避免用户使用流量的问题，都是默认视频不能自动播放。只能引导用户手动去播放。

四、手机端播放后层级达到最高；

对于播放后的视频，即使我们给父级加了overflow: hidden;也无法改变这一现象。所以，我们能做的就是将原视频的width和height设置为0来解决播放后层级最高的问题，关于这个问题，没有一个非常好的解决方案，至少目前来看是没有的。返回搜狐，查看更多

责任编辑：

html标签video资源占用,使用HTML5 video标签的一系列问题相关推荐

html5中新增标签的兼容性如何设置,HTML5新标签的兼容性处理
普通浏览器普通不支持HTML5新标签的浏览器 -- 能正常解析,但会当初成 inline 元素对待在不支持HTML5新标签的浏览器里,会将这些新的标签解析成行内元素(inline)对待,所以我们只 ...
html5 meter,html5 meter标签是什么意思？html5 meter标签的用法及属性介绍
html5 meter标签是什么意思?html5 meter标签的用法及属性介绍都在这里,本篇文章主要介绍了html5 meter标签的定义和具体的使用方法,还有html5 meter标签的属性介绍 ...
html video各种控制命令,HTML5 Video(视频)
HTML5 Video(视频) 很多站点都会使用到视频. HTML5 提供了展示视频的标准. 检测您的浏览器是否支持 HTML5 视频: 检测 Web站点上的视频直到现在,仍然不存在一项旨在网页上显 ...
html5 video 停止播放视频,html5 video怎么停止播放视频
html5 video停止播放视频的方法:首先使用"document.getElementById("id值")"获取到video对象:然后使用"vi ...
html5 video speed control插件,HTML5 Video Speed Control 1.34
HTML5 Video Speed Control 1.34插件图文教程 HTML5 Video Speed Control is a free Productivity Extension publ ...
html5 section标签,html5 section标签是什么意思？html5 section标签的用法总结
本篇文章主要的介绍了关于HTML5 section标签的定义以及它的用法,最后还有一个案例总结,现在让我们开始阅读这篇文章吧先来解释下html5 section标签的意思: html5 sectio ...
H5新标签 figcaption 定义图文并茂的html5新标签-figure、figcaption
本来想分两篇文章来解释说明figure.figcaption的,但是这俩个标签都是定义图文的,所以我们合起来讲解,大家更能容易接受. 大家在写xhtml.html中常常用到一种图片列表,图片+标题或者 ...
使用jQuery和CSS自定义HTML5 Video 控件
http://www.cnblogs.com/lucker/archive/2013/03/01/2939163.html Html5 Video是现在html5最流行的功能之一,得到了大多数最新版本 ...
【融职培训】Web前端学习第2章网页重构11 HTML5新增标签
一.html5概述 html5是超文本标记语言(html)的第五次重大修改,可以简单的理解为是html的第五个大版本.我们平时所说的html5其实是包含了html5,css3的新特性,以及新增的Jav ...

html标签video资源占用,使用HTML5 video标签的一系列问题

html标签video资源占用,使用HTML5 video标签的一系列问题相关推荐

最新文章

热门文章