移动端遇到的问题小结--video

标签：用户   pre   问题   引导   mp4   lin   处理   一个   fit   

本篇主要是针对Android系统，所遇到的问题。

• 1. video的全屏处理：

　　这里说的全屏是指针对浏览器的全屏，而不是整个手机的全屏。要想全屏效果只需对video标签加   webkit-playsinline 。

　　但是这样做会有一个问题：针对偏长的手机，视频会出现居中的效果。针对这种情况，可以对video加属性  object-fit:fill 

<video id="myvideo" src="test.mp4" webkit-playsinline="true" object-fit:fill></video>

• 2. video的自动播放：

　　自动播放是指页面加载完毕后，视频自动开始播放。但是目前而言，Android机是不支持这种自动播放的。

　　解决办法：引导用户触发滑屏或者touch事件进行触发 video.play()  进行播放

移动端遇到的问题小结--video

标签：用户   pre   问题   引导   mp4   lin   处理   一个   fit   

原文地址：https://www.cnblogs.com/waterFowl/p/9540783.html