I've got an html5 video tag and I'm using video.js. On my desktop browsers, it works beautifully.
On the iPad however...
When I load the page on the iPad, everything looks great. When I touch the play button and the image is replaced with the player, it starts jittering back and forth. Even once it's done playing, it continues to jittery back and forth.
Here's a video of it happening...
http://youtu.be/4IaEBD0p2hw
Has anyone seen this happen before? Any ideas?
Related
Hello Guys (and girls) I am embedding an IFRAME of a youtube video on a website and it works perfectly on a DESKTOP VERSION.
However, when viewing it with any touch device, the play button DOESN'T trigger playing the video. The strange thing is that when you click outside the play button (on the video) it does play the video. This only occurs on touch devices and I verified and the issue is occurring across all touch devices.
This isn't a site specific issue, so you can try out embedding any Youtube video e.g:
You'll notice it plays when touching everywhere on the video EXCEPT when clicking play. If you have youtube embedded videos you'll probably having this issue as well.
Thanks for your help
I'm not sure what the problem is. I have a video that I'd like to play in a modal dialog.
I have everything set up and working fine on all devices. The only issue that I've been unable to overcome is that the video will not play a second time on iOS devices.
http://c4sandbox.com/video/index.html is a simple demonstration of the problem that I'm having. If you close the dialog (it will auto close when the video ends) then click the 'show again' link on an iOS device, then the video player is just an empty black box.
What am I missing? This happens in Safari and Chrome, but only on iOS.
EDIT: The problem appears to be with video.js because a straight html5 video tag will play the video multiple times as expected. Unfortunately, I need the flash fallback so html5 only is not an option.
I'm having a similar issue. The way I am getting around it is using the player's dispose() method to kill the instance and re-injecting the HTML for the player and re-instantiating it.
Thanks #Victor! your solution works. Since there is no example code given, here is the code I used.
//Init
videoPlayer = _V_("video_post", {
controls:true,
preload:"auto",
autoplay:true,
}, function(){
});
after you're done with the player (e.g. closes the video dialog), dispose the player
videoPlayer.dispose();
Done. hope this helps.
I have made a simple test page that fails with chrome, but works with IE.
It is at:
http://www.rateforsuccess.com/test2.aspx
If you use IE, you will see that the video plays for about a second, and then you can do a seek, (with the SEEK button) and it will seek 100 seconds into the video, and play for about 7 seconds. You will see and hear a woman talking.
But in chrome, this fails multiple ways. Sometimes clicking the SEEK button does not work the first time but works the second time. Sometimes the clip will play, but without any visuals - you just hear the audio.
Its a simple page, so I do not understand this.
There is a another odd thing, sometimes if you clear the cache and then access the page, you get the error, but if you don't clear the cache, eventually it works (sometimes).
Any help is appreciated.
I have a web app that is using Youtube videos embedded via iframes into a modal dialog window. In Safari on the iPad 3, iOS 5.1, the video plays properly the first time it's loaded. However, if the modal is hidden and then re-opened, the video will no longer be able to play. The player will display, but it's simply a black space with no controls. The YouTube watermark still appears, and can be clicked on.
The play button in the Safari control panel will play the audio of the video from where it left off, but the player still won't display any video.
The "related video" suggestion images will appear once the audio reaches the end, and then the video can be replayed normally.
Does anyone know what's causing this behaviour? The embedding works as intended in all major desktop browsers, and is fine the first time in iOS. It's only when it's reopened in iOS Safari that it fails.
I have a UIWebView that loads a YouTube video.
The problem is, that if the video is playing in full screen and I reload the web view to "about:blank" to stop the video, the video player remains as the top view in the window's view hierarchy and blocks everything.
Only the black video player remains visible.
Has someone encountered this issue?
Thanks.
I have the same problem.
Using the old embed code ( http://iphoneincubator.com/blog/audio-video/how-to-play-youtube-videos-within-an-application) causes this problem for me. Similarly, the video does not rotate into landscape mode.
I've switched over to the beta code at http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html. Seems to work.
The inability to switch to landscape during playback is still there though.