On my page I have 2 mediaelement players. One is an audio player that works fine. The other is a video player.
I'm using an mp4 for cross browser/device compatibility. It works everywhere without issue. The only issue I'm having is on iOS, the video plays, but the screen is black and I can only hear the audio. I've looked everywhere and tried different types of encoding but cannot solve this issue.
If I set iPadUseNativeControls: true, the video will work in the native player, but it appears on the screen really small and not centered, breaking the layout.
As an aside, I'm initializing the players via new MediaElementPlayer() as opposed to $().mediaelementplayer()
What is the issue here?
Having a similar issue with Android. Tested with Firefox Mobile 25, Firefox Beta 26 and Chrome 31. None which worked. Black picture but I can hear audio.
I can use the video player and watch the videos on Android; which tells me the MP4 encoding is fine.
Related
I am using Rox video plugin to play videos in Xamarin forms iOS. It plays the video perfectly however if I change device orientation or change to a different screen the video continues to play in the background. I can hear the audio continuing. When returning to the video player view I it loads a new version of the video up.
Can anyone with experience in the Rox Video plugin assist? or offer a free alternative to this plugin?
I searched the issue list of RoxXamarinVideo on github but found nothing about your problem.
I suggest you use FormsNativeVideoPlayer, it seems to have a great support on orientation changes.
This is an odd bug.
If a video has never been played before, and I try to play it on Safari or AVPlayer on iOS it doesn't work.
If I play it on Chrome/Firefox first, then it is gonna be available on Safari/AVPlayer as well.
The video is coming from AWS CloudFront and the URL doesn't change.
It's seems like a MacOS/iOS player issue.
We' ve created web site with Youtube Iframe API . On the copmuter everything is playing OK, but we have problem with mobile devices. The video plays just one time. When you push the play button again it doesn't work.
We checked everything and decided that there is problem with youtube player.
I would very grateful for any solving this problem!
p.s. Devices are: Android, IOS (Phones and Tablets), browsers are Chrome and Safari
I've been having the same issue on Safari on iOS 8 -- videos will not replay after they play through to the end. Right now, I have a temporary fix in place: when you detect a state change to YT.PlayerState.ENDED (0 = ended), call seekTo(0) and then pauseVideo() on the player.
I have a HTML5 video tag that serves some mp4 files generated by us and stored on a server which mostly works alright.
But sometimes, the play button is striked out on ipad and the video is not playable. The same video is playable at a different instant.
I cant seem to figure the reason why this happens, that too only sometimes.
Are you by any chance using iOS 3.0? If so there used to be a lot of issues. Including a poster could break the video, and even just including an external javascript could mess it up.
I'm trying to create an HTML5 video player to automatically start streaming video. I searched a lot but I didn't achieve my goal.
Then I found www.filmon.com, where all videos start to play automatically on iPad.
Does anyone know how they did it? I looked at their JS files, but I cannot make mine start automatically.
Apple has specifically disabled every method and workaround to autoplay video on iPads and iPhones (the "autoplay" attribute, and Javascript solutions like triggering hidden link's "onclick" event).
I have yet to find a way to autoplay on iPads and it looks like Apple is continuing to squash all efforts to do it. They state, "In Safari on iPhone OS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, autobuffering and autoplay are disabled. No data is loaded until the user initiates it."
As a quick update I just checked out Filmon.com and the videos there no longer seem to be autoplaying on an iPad. Example: http://demand.filmon.com/distant-roads-173-cnd-ontario-ca-1 autoplays on Chrome, but not on the iPad.
I don't think that iphone or ipad play streams automatically due to high traffic.
Why don't you play it manually using script at document ready?
somewhat like this:
window.onload=function(){
var audio = document.getElementById('audio');
audio.play();
}