HTML video tag compatibility summary, htmlvideo tag Summary

HTML video tag compatibility summary, htmlvideo tag Summary

Recently, the video tag has been used in the project. Although the problem was uneven in the Pc, the basic functions are still complete. Here we will talk about its appearance.

 

In ios, full screen is used by default.

Webkit-playsinline = "true"/* This attribute is set in ios 10 to allow video playback in a small window, that is, whether full screen playback */x-webkit-airplay = "true"/* This attribute is unknown */playsinline = "true"/* the IOS browser supports playing in the window */

There is no problem with automatic playback and loop in ios, and the control of the controls (video control) is also effective. However, in Android, the controls is not automatically played and cannot be removed, loop will re-call the video control, a few ugly thieves...

I have referenced

<Script src = "http://api.html5media.info/1.1.8/html5media.min.js"> </script> (cool powder system... Haha ...) We use MP4 for ios, which cannot be played. This can solve the problem that videos of different formats cannot be played.