Shulou(Shulou.com)06/01 Report--

This article mainly introduces the "video tag video best case analysis" related knowledge, the editor through the actual case to show you the operation process, the method of operation is simple and fast, practical, I hope this "video tag video best case analysis" article can help you solve the problem.

Properties of video:

Src: address of the video

Controls: with this attribute, Gecko provides user control, allowing users to control video playback, including volume, cross-frame, pause / resume playback.

Poster: the attribute specifies the image to be displayed when the video is downloaded, or before the user clicks the play button. If this property is not set, the first frame of the video is used instead.

Preload: the attribute specifies that the video is loaded after the page is loaded.

Webkit-playsinline and playsinline: the video is played locally and does not deviate from the document stream. But this attribute is special and needs to be embedded in the APP of the web page, such as allowsInlineMediaPlayback = YES webview.allowsInlineMediaPlayback = YES of UIwebview in WeChat to take effect. In other words, if APP is not set, it won't work if you add this tag to your page, which is why Android WeChat always plays videos full screen, because APP doesn't support playsinline, while ISO's WeChat does.

To add here, if you want to do full-screen LVB or full-screen H5 experience, IOS needs to set the delete webkit-playsinline tag, because you do not support setting false, Android does not need it, because the default is full-screen. But at this time, there is a playback control on the full screen, whether you have set up control or not. Playback controls may be needed for live broadcasting, but full-screen H5 is not needed, so to remove the controls for full-screen playback, the following settings are required: play on the same layer

XMIT ios play = "allow": this attribute should enable this video to support the AirPlay function of webkit. Using AirPlay, you can play videos, music and photo files directly from different locations on devices that use iOS, that is to say, the wireless playback of audio and video files can be realized through the AirPlay function, of course, as long as the terminal devices that play also support the corresponding functions.

X5-video-player-type: enable H5 player on the same layer, which means that div can be rendered on the video layer when the video is full screen, which is also a unique attribute of WeChat Android version. The same layer playback alias, also known as immersive playback, looks like full screen when playing, but the navigation bars of control and Wechat have been removed, leaving only "X" and "X".

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.