呀呀呀， 写这篇文章呀，我觉得我像是刚刚学会写字的小孩子一样，写字呀写得不好kan， 我们都... dan是我还是想跟大家一起分享一些移动端video的小知识。

哎呀，我遇到的坑一：视频默认控制器隐藏怎么办？

优化一下。 哇塞，你们知道吗？我Zui近弄个视频，发现控制条老是不想出来超级难过。后来啊，我用了这个魔法代码：视频:: - webkit-media-controls-enclosure {display:none!important;}。这样一来控制条就消失了我的心情也变好了。

哎呀，我遇到的坑二：移动端视频的第一帧怎么设置呢？

我还遇到了一个大问题，就是视频的第一帧画面。你知道吗？有些手机，比如HTC，它的第一帧画面默认是灰色的，这可怎么办呀？后来我试着在移动端设置一下终于成功了！嘿嘿，这是秘密哦，我们一起...。

哎呀，我遇到的坑三：移动端点击事件延迟怎么办？

哎呀，这个坑呀，真的让我头疼。移动端的点击事件总是有300ms的延迟，就像是一只蜗牛一样，超级慢。为了解决这个问题，我想了好多办法，比如使用touch事件来代替click事件。比如 用zepto.js的tap事件和fastClick，还有我自己写的一个移动端手势操作库mTouch。这样，点击就不那么慢了。

哎呀，我遇到的坑四：如何设置Web应用以全屏模式运行呢？

容我插一句... 这个问题啊，也是让我好费脑筋。主要原因是不同平台、 不同浏览器内核，甚至相同内核的不同版本，对video属性的实现dou不一样，这就导致了兼容性问题。为了解决这个问题，我得一个一个试验，找到一个通用的解决方案。

哎呀，我遇到的坑五：视频怎么自动播放、循环播放、显示下载进度呢？

视频播放啊，还有好多讲究呢。比如视频怎么自动播放，Neng不Neng循环播放，播放的时候怎么隐藏控制条，暂停的时候又Neng显示出来呢？这些我dou试了试，dan是有些浏览器还是不支持，唉，真让人头疼。

哎呀，我遇到的坑六：移动端图片加载慢怎么办呢？

还有一个问题，就是移动端的图片加载hen慢。为了解决这个问题，我试了试canvas方法来加载图片，效果还不错。当然还有一些其他的办法，比如懒加载啊，dou可yi试一试，对吧，你看。。

哎呀， 我遇到的坑七：移动端视频的痛点

其实移动端的video标签hen不好用。为了用户体验，为了避免浪费流量，移动端浏览器只Neng让用户触发事件去播放video。这可是个大问题呀，来日方长。。

哎呀，写了这么多，我dou累坏了。dan是我还是希望这些小知识Neng帮到你们，让我们一起把移动端的video玩得溜溜的，尊嘟假嘟？！

哇哈哈，这篇文章就到这里啦！下次再见哦！

成dou网站建设公司_创新互联， 为您提供建站公司、网站设计公司、网站排名、手机网站建设、云服务器、外贸建站

来日方长。 哇塞，这个广告真的好多呀！dan是我得说这些服务听起来douhen棒，也许你们用得上呢！