Summary of issues encountered on the mobile side--video

This article is mainly aimed at the Android system, the problem encountered.

• 1. Full screen processing of video:

The full screen here refers to the full screen of the browser, not the full screen of the entire phone. To make a full-screen effect, simply add webkit-playsinline to the video tag.

However, there is a problem with this: for a long phone, the video will appear centered. For this scenario, you can add a property to the video object-fit:fill

<id= "Myvideo"  src= "Test.mp4"  webkit-playsinline = "true" Object-fit:fill ></ Video >

• 2. Automatic playback of video :

AutoPlay means that the video starts playing automatically when the page is loaded. But for now, Android doesn't support this kind of autoplay.

Workaround: Direct the user to trigger a slide screen or touch event to trigger Video.play () to play

　　

Summary of issues encountered on the mobile side--video