I'm clicking through to a page that has html5 audio on a mobile site that uses Ratchet.js ( and push.js ) but the html5 audio elements only load if I do a full page refresh or if I use data-ignore="push" on the link.
Why is this and how can I make it work without using data-ignore="push" ?
Related
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?
Based on this page on w3schools I don't see any mention of Javascript being needed to play HTML5 videos on recent browsers.
https://www.w3schools.com/html/html5_video.asp
Yet, when I disable Javascript on Safari, I can no longer play Videos embedded on my webpage via Tag. I even disabled lazy loading on a test page to see if that helped, but it didn't.
My primary concern is visitors on Mobile devices so falling back to flash is not an option.
hence the question, Is Javascript needed on fairly recent browsers ? what are best fallback options without requiring any plugins ?
like, using to provide direct download of Video, etc ?
javascript is absolutely not required to play the video in html5
the w3 video is not playing because it is rendering that part of the dom using js and also video is not local it is brought by anchor tag
i'm developing an html page using jQueryfullPage.js, inside this page i integrated like 17 videos in 17 different sections, these are youtube iframes with data-autoplay attribute. Everything is working fine, the videos are only playing when we are on(viewport) the section containing the video, except that there are specific sections that the videos are auto playing on page load even when we aren't on the section containing this video. there are 3/17 videos that are playing automatically, but the rest of them are working properly. Any help? Thanks in Advance.
From the fullPage.js docs:
Using the attribute autoplay for videos or audio, or the param autoplay=1 for youtube iframes will result in the media element playing on page load. In order to play it on section/slide load use instead the attribute data-autoplay.
Make sure they don't contain autoplay=1 in the video URL.
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.
I am very new in HTML5 player and need help. I am using the latest mediaelement.js file for the player. I am facing problem in certain cases. I have initialized the player and now want to do some work around :
Initially initialize the HTML5 mediaelement player and load all the controls but not pass the video src
Pass the video src once the live url coming wowza server is available as player.setSrc('url')
Change the video url onclick and the player to restart the video playing for the new src
How to define the provider and netconnectionurl in the player as we can define in flowplayer
Loading of player is not smooth in android tablet and also sometimes browser crashes on fullscreen
I tried to load the player initially without passing the video src but it does not load the controls only shows Download File. This is important for me as the live url comes after a delay from the server and i need to initailize the player before. Changing video url onclick seems to work for browser that supports HTML5 but in browser that uses flash fallback the video src does not change onclick. I have different channels and i want to load the channel url and play the video onclick. I don't want to pass the rtmp url with the stream url. I want to define it in the player from before and if possible change it dynamically. In android dont know why sometimes player does not load properly and browser crashes. Any help would be great.