Hiding a video spinning wheel on a iPad when video is loading - javascript

I am working on a web page for a company which is only going to run on company internal iPad's that loads .mp4 videos. The iPad's are using the ios Safari browser in full screen mode (locked) to open a URL which contains a link to the videos. When the web page loads it displays a spinning wheel for a few seconds which the video, I assume is still being downloaded.
Is there a way I can prevent/hide that spinning wheel?

Related

Hiding Androids Media Control Notifications

I have implemented a video using HTML5 on a website, which contains no sound and functions as a background video loop. If a user visits that site on chrome mobile on Android, media controls for the video appear in their notification bar. I don't need these controls for the site and want to ask if it's possible to hide these media-control-elements using JavaScript.
What I mean with "media-control-elements" shows the following example.

How to play the audio / video file without touch events?

I have a question on audio / video playing for mobile devices without user interaction (touch events)?
How to play the audio / video file without touch events? On googling I had found that
In ipad device browsers, Safari 4+ above versions are able to play the audio / video file with user interactions only. But I need to play the audio / video files without user interactions in latest versions.
Is it possible to play the video and audio file with single click operation?
For more details:
Example:
In device browsers (ios /android) we are loading a html page. Here, Html page loads the video files,audio files. User can play few user interactive operations on the html page. When user perform operations parallely audio files will played based on the selection of operation. To resolve the issue,let us know any approaches.

HTML5 video freezes on IE10 when controlling it through video player

I have observed a strange problem on my HTML5 web application on IE 10 windows 7. The problem occurs when sliding the thumb of the video player, or clicking +30s or -30s numerous times the browser freezes and after sometime the message box to "recover page" comes.

IFrame player API on mobile Chrome

I'm building a mobile site in which in embed some youtube videos with the IFrame player API (https://developers.google.com/youtube/iframe_api_reference).
Basically, I need to start this video after the user clicks a custom play button. This button triggers the player.playVideo() on the loaded youtube iframe to play the video. This works fine on the standard android and iphone browser (video starts playing fullscreen). However in Google Chrome's mobile browser (android and ios) I get a second play button over the video after my first click, thus making me click twice to play the video.
Anyone know a workaround for this?
Theoretically the autoplay is disabled on Safari and Google Chrome for Android . In my experience I never could avoid to show the second button with Youtube player API, even with an action triggered by user (the first click).

How does mobile YouTube play videos?

I'm looking to add some videos to my mobile webapp. For the best UX, I'd like to avoid having a simple static video-tag. (because its in an element which is webkit animated and video + webkit animations don't always play nicely together in my experience.)
Rather, I'd like to have an image (with a play icon on it) to "link" to the video. Mobile YouTube (as seen on iOS) have done this very nicely where when you click the image, the video seems to "pop" up to fullscreen and plays. How do they do this? Is it a link? A previously hidden video-tag? Some webkit-animation to do the "popping"?
I snooped around using Chrome Inspector (+user agent switcher to iphone4) but the videos don't play on the desktop browser, and the code overall looks quite complex..
Can you help?
What you can do is on-click of the video thumbnail, you can load the video url using the object/embed tags. In IOS, whenever a video starts playing it automatically plays it in fullscreen(feature of IOS itself)
I believe you can do something similar to this on certain browsers (e.g. WebKit.)

Categories