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

Most people do not understand the knowledge points of this "how to use video media tag video" article, so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how to use video media tag video" article.

HTML code structure:

Your browser does not support video tags.

Parameter description:

Controls-displays standard HTML5 video / audio player control bars and control buttons.

Autoplay-Let the file play automatically.

Loop-lets the file loop.

The preload-attribute is used to cache large files. It has three optional values: "none" does not cache, "auto" cache, "metadata" only caches file meta information

Poster-Video cover

Webkit-playsinlin= "true"-this property is useful in ios 10, but nothing else currently works to allow the video to be played in a small window, that is, not full screen.

Playsinline= "true"-IOS Wechat browser supports playback in small windows

X5video video player house type = "H6"-enable H5 player, which is a feature of wechat Android version

X5 video video player music fullscreen = "true"-full screen setting, set to true to prevent horizontal screen

X5portraint Video portraint orientation = "portraint"-the orientation of the player screen, the video horizontal screen, the portraint vertical screen, the default is vertical screen.

Source-tags are designed to be compatible with various browsers' support for different media types, and we can use multiple elements to provide multiple different media types. Browsers that support video streaming in mp4 format can play mp4 files or, if not, Ogg files.

Codecs=dirac, speex-is used to specify the codecs to be used for playback; this allows browsers to be more precise about how to play the provided video.

Special note:

1. The parameters webkit-playsinline and playsinline enable the video to be played locally without departing from the document stream, but only if the allowsInlineMediaPlayback = YES and webview.allowsInlineMediaPlayback = YES of UIwebview in the APP embedded in the web page (such as WeChat Wechat) take effect. In other words, if APP is not set, these two attributes are not valid in the tag, which is why Android phone WeChat always plays videos full screen, because APP does not support playsinline, while ISO's WeChat supports it.

2. If you are a full-screen LVB or full-screen H5 user, ISO needs to delete the webkit-playsinline tag because the attribute value of false is not supported, while Android defaults to full-screen, so you do not need to set it. In addition, there are playback controls on the full screen, regardless of whether you set control or not.

3. XMurwebkit AirPlay play = "allow" is temporarily unable to know exactly its function. Guess that this attribute should make this video support ios's AirPlay function. Using AirPlay, you can directly play videos, music and photo files from different locations on devices using iOS, that is to say, you can achieve wireless playback of audio and video files through the AirPlay function, of course, provided that the terminal device that plays also supports the corresponding functions.

4. X5-video-player-type enables H5 player on the same layer. When the video is full screen, div can be rendered on the video layer, 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.