[Best code] I don't tell the average person that the full screen code is not automatically displayed during h5 playback on the mobile phone end, and h5 full screen

Source: Internet
Author: User

[Best code] I don't tell the average person that the full screen code is not automatically displayed during h5 playback on the mobile phone end, and h5 full screen

It has been tested to be applicable to ios. Some Android phones have player controls when playing videos, this is because you have encountered a problem where you cannot exit full screen advertisement after playing the video. You can only block video advertisements after refreshing the page and placing it on the frame page !), Previously, canvans was used for rendering, which was not perfect enough. It was achieved in the form of background switching (using the background switching mode can perfectly solve the problem of adaptive percentage when a container has the transform: rotate (90deg) attribute, if canvans need to calculate the height and width, it is too troublesome to consider different systems ).

 

It is easier to disable full screen when playing h5 on the mobile phone end than imagined. I will not tell the average person to look at the bold part.

<Video id = "video" poster = "" width = "100%" height = "100%"X-webkit-airplay = "true" webkit-playsinline = "true">
<Source src = "http://file.ih5.cn/files/34906/16999/1f3b3c.mp4" type = "video/mp4" codecs = "avc1.42E01E, mp4a. 40.2">
</Video>

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.