移动端html

优缺点如下：

1在用户体验和表现上，原生APP胜出。在这个方面，HTML5仍然面临着不同移动终端设备本地浏览器的功能接入问题，同时在提供用户展示图形界面和数据展现的丰富性方面还有不足。

2在跨平台开发成本上，HTML5胜出。HTML5采用网络通用语言，不用考虑终端设备或者 *** 作系统的不同。目前，W3C(万维网联盟World Wide Web Consortium，简称W3C)正在与汽车业、出版业、电视业进行讨论，将web引入新的设备平台中。随着平台逐渐丰富，这方面的成本问题将会日益凸显。

3在更快速的更新和更强的发布控制方面，HTML5胜出。与HTML5相比，原生APP不具备的一个优势就是开放性。HTML5是基于Web的，这就意味着没有一家公司可以成为市场的“看门人”，谷歌不行、苹果不行、亚马逊不行、三星也不行，没有看门人的存在，更新的速度就不会提升、应用的收入也不会受到削减。不过，在终端设备出现创新时，HTML5在新功能的支持上仍有些落后。

4在变现能力方面，原生APP胜出。原生应用的分发平台，如App Store和Google Play，目前是获得收入的较为成熟的商业模式而HTML5应用，除了付费下载以外，还没有形成其他成熟的商业模式。

5在技术人才储备上，HTML5胜出。HTML5、JavaScript和CSS都是Web常用语言然而，iOS工程师却是稀有资源，而且很贵……

对于碎片化挑战而言，HTML5胜出。尽管二者同样面临着严重的碎片化问题，不过HTML5先天具备的跨平台特性，可以在这方面占据先机。

两种方法如下：

1、用css隐藏video视频播放控件：

<style type="text/css">

video::-webkit-media-controls{

display:none !important

}

</style>

css隐藏原生html5 video controls，这么设置后即使没有设置controls为false，native controls也不会再出现。其他的按钮，包括播放按钮、播放进度条、静音按钮、音量条等，都可以像全屏按钮一样自定义样式。不止是隐藏。

2、用js隐藏video视频播放控件：

<script type="text/javascript">

var video=document.getElementById("video")

video.controls=false

</script>

HTML5的video虽然可用controls来展示控件，并进行控制播放暂停等，但是不同的浏览器显示的效果可能不一样，所以很多时候需要使用Dom来进行自定义的一些 *** 作和控制。

扩展资料：

HTML5 video标签中的新属性：

1、autoplay：如果出现该属性，则视频在就绪后马上播放。

2、controls：如果出现该属性，则向用户显示控件，比如播放按钮。

3、height：设置视频播放器的高度。

4、loop：如果出现该属性，则当媒介文件完成播放后再次开始播放。

5、muted：规定视频的音频输出应该被静音。

6、poster：规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。

7、preload：如果出现该属性，则视频在页面加载时进行加载，并预备播放。

8、src：要播放的视频的 URL。

9、width：设置视频播放器的宽度。

参考资料来源：百度百科-html5 video

---