- HTML Tutorial
- HTML - Home
- HTML - Overview
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Formatting
- HTML - Phrase Tags
- HTML - Meta Tags
- HTML - Comments
- HTML - Images
- HTML - Tables
- HTML - Lists
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML - Frames
- HTML - Iframes
- HTML - Blocks
- HTML - Backgrounds
- HTML - Colors
- HTML - Fonts
- HTML - Forms
- HTML - Embed Multimedia
- HTML - Marquees
- HTML - Header
- HTML - Style Sheet
- HTML - Javascript
- HTML - Layouts
- HTML References
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- HTML - Fonts Ref
- HTML - Events Ref
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
HTML5 inline video on iPhone vs iPad/Browser
The allowsInlineMediaPlayback property of a UIWebView) enables/ disables in line media playback in the iOS web browser for a native app.
By default, on iPhone this is set to NO, but on iPad its set to YES. Hence, the native video player takes over the screen, thus obstructing us from playing other dynamic content simultaneously with the video
Adjust this behaviour in HTML as follows −
<video id = "myVideo" width = "280" height = "140" webkit-playsinline>
iOS10+
In iOS 10+, Apple has now enabled the attribute playsinline in all the web browsers on iOS 10. Now, play around with this easily −
<video src = "new.mp4" playsinline>
- Related Articles
- HTML5 video not working with jquery bxSlider plugin on iPad
- HTML5 applicationCache vs Browser Cache
- Safari on iPad (iOS6) does not scale HTML5 video to fill 100% of page width
- How to hide Back Button on navigation bar on iPhone/iPad?
- How to create a left-arrow button on a Toolbar on iPhone/iPad?
- Is their JavaScript scroll event for iPhone/iPad?
- Review on amazon prime video vs netflix
- How to generate Unique ID of device for iPhone/iPad using Swift?
- Play infinitely looping video on-load in HTML5
- What are the best New features added to iPhone and iPad with iOS12?
- How does the browser identify inline JavaScripts?
- How to play HTML5 video on fullscreen in android WebView?
- Commonly used Video formats while using HTML5 video
- How to create inline frame using HTML5
- Play video on canvas and preserve the last frame/image on HTML5 Canvas
Advertisements