Here is my dilemma:
I am creating a site that will allow users to submit videos that will be posted to the site. The user submits a Vimeo link and the video gets posted in an embedded format to the site. Unless the creator of the video has a PRO or PLUS Vimeo account, embedded vimeo videos do not work on iPhone 3GS (not sure about iPhone 4, but they do work on iPad).
Is there any sort of workaround to get embedded vimeo videos working on iPhone? Any ideas?
Edit: I have checked and it does work on iPhone 4. But still not 3GS.
Embed Code
<iframe src="http://player.vimeo.com/video/<?php echo $videos[$i]; ?>?title=0&byline=0&portrait=0&color=ffff00" width="" height="" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen ></iframe>
I found a solution, by registrate a plus account you can generate a mobile version. Works with all iPhone models.
Well with out any code it's hard to tell, are you embeding the video via iframe?
http://vimeo.com/api/docs/player
I'm dealing with this same issue right now. My best guess is that the Vimeo videos are encoded in H.264 main profile, whereas the 3GS can only play videos encoded in H.264 baseline profile.
This article has a discussion of the differences:
http://www.niallkennedy.com/blog/2010/07/h264-video.html
It looks like there is probably not an easy way around this issue. As you indicated, all videos play fine in the iPhone 4 and 4S since they support H.264 main profile.
Related
I'm using the following iframe in my HTML code:
<iframe src="<iframeurl>">?autoplay=1" frameborder="0" allowfullscreen></iframe>
On iPhone with iOS10 this doesn't autoplay. I'm getting the red play button and stuff. On windows chrome and others all works fine autoplay starts correctly. But not with the iphone.
Is there anything I could do in javascript or by manipulating the URL to make this autoplay? I'm aware that Apple used to disallow autoplay before iOS10 so maybe I'm doing something wrong here..
You're experiencing this because Apple doesn't allow embedded media to play automatically — the user always initiates playback.
This is mentioned in YouTube's IFrame Player API documentation as well. And no, I don't think you can and should override this since that is a bad practice.
Just add the play trigger to onClick and then execute call the click event from an AJAX response.
Should do the trick ;)
It is not that iOS prevents any video from autoplaying (at least not so since iOS 10), but it is unmuted videos that are prevented from playing without user interaction. So if you embed a YouTube video with muted=1 appended to the URL, autoplay works again.
P.S. the muted parameter is not documented for the YouTube embedded players. It is nowhere to be found in the official doc: https://developers.google.com/youtube/player_parameters. Yet it has been working for quite a while. If you worry it may not work someday, you can take the programmatic approach via the iframe API: first mute the video and then play it when the ready event is emitted.
putting this in config.xml worked for me:
<allow-navigation href="*://*youtube.com" />
I have a simple page with this HTML code :
<iframe src="http://www.facebook.com/video/embed?video_id=395974580579165"
width="1280" height="720" frameborder="0">
</iframe>
It is working fine in chrome but not in safari. I only have the preview with safari, but I cannot play the video.
However, a youtube embedded video in an iframe work both on chrome and safari
Any idea ? What is the correct way to embed a facebook video ?
Safari version : 8.0.2 (10600.2.5)
This type of Facebook embedded video requires flash player, which is not installed by default with Safari.
The problem is that Safari fails silently and doesn't even ask the user to install the plug-in. So I had no clue...
The embedded link for facebook looks something like this:
https://m.facebook.com/video/your-video.php?v=12345
Have a look at this post:
Facebook embeded video with iframe not working
It gives you more insight. Hope this helps
Bring up the Adobe Flash Settings page with this link http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager.html then starting at Global Privacy Settings, compare a working browser (e.g. Chrome) to the non working one (Safari in my case).
In my case, I had locked down Flash too much in Safari (restricting e.g. storage space allowed in the browser) to the extent that Facebook videos just appeared as a black space with no error message. Just wouldn't play back.
But adjusting the settings to those of the working Chrome Flash plugin re-enabled Flash video (Safari / Mac OSX) for me.
we were embedding facebook videos in our website using iframe, it was working fine before, but from last few days site is not able to load video. we have tried it with simple web page as well but no luck. below is the code we are using
<iframe src="https://www.facebook.com/video/embed?video_id=video_id" width="650" height="400" frameborder="0" allowfullscreen></iframe>
please let me know if anyone can do a quick help
Just Use this link. It worked for me. "http://www.facebook.com/video/embed?video_id=XXXXXXXXXXXXX";
where XXXXXXXX is your facebook video id.
eg:
Facebook Sample Video:
<iframe src="http://www.facebook.com/video/embed?video_id=10152463995718183" frameborder="0" width="100%" height="100%">
You need to use this link now :)
https://m.facebook.com/video/video.php?v=xxxxxxxx
OLD ANSWER
the problem isnt that the video is not embeded but that it is not in an iframe correctly stretched. Cca a week before facebook has changed the embed link and video is not stretch to screen width and it cant be done in this fashion. I havent find a solution how to fix it yet.
Maybe there is a possibility to gut out mobile version of the video which is even in HTML5 ... problem with that approach is that the video is available only for a limited amount of time (cca 2 hours) .. then the link will expire and you need to click on a facebook video again which will create a different video.
Example here - https://m.facebook.com/story.php?story_fbid=751234308276798&id=643601645706732&_rdr
Try to use this URL: https://www.facebook.com/v2.3/plugins/video.php?allowfullscreen=true&autoplay=true&container_width=800&href=https%3A%2F%2Fwww.facebook.com%2Fredbull%2Fvideos%2F10155801793140352%2F&locale=en_US&sdk=joey
It's better then the embed url. The video fits in viewport.
did you try to embed different video? the video you're trying to embed may have been remove or hide so it can't show on your site. try embeding a sample video. if it appear the problem is on your video.
YouTube iOS8 Media Load Issue - Media plays successfully while in Safari, but when the app is loaded from a Home Screen web clip, playing the video fails.
Moreover, tapping a link to navigate away from the page while the media is failing to load results in a complete crash of the app to the Home Screen.
Here is a link that demonstrates this (obviously run on your iDevice). You can run it initially in Safari browser, it'll work fine. Install it as a home screen icon, playing video will fail, and clicking the bottom link will crash the app.
http://nterspace.com/youtubeissue.html
The code that works when the app is loaded up in the Safari browser is:
<iframe width="100%" maxwidth="432" height="270" src="//www.youtube.com/embed/_j4KrMAygJI" frameborder="0" allowfullscreen></iframe>
Anyone have any thoughts? Is this bad embed code?
Today, April 09, 2015. Finally , this issue is partially resolved. After updating to version 8.3 my webapps returned to work again for the dailymotion and vimeo videos. Youtube videos are now redirecting to the native application, which is very annoying.
EDIT:
As the youtube videos was redirecting to the native application , I had to use the youtube url as follows:
<iframe width="100%" height="300" src="https://www.youtube-nocookie.com/embed/hdjL8WXjlGI?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
So my users can watch the video without having to leave the webapp.
For some reason the nocookie option does not redirect. Let's hope that this will be completely fixed in the next iOS version.
I am having the same issues!
This is an issue particular to IOS8. Please see: https://discussions.apple.com/thread/6558443 Hopefully Apple will fix this issue soon. Another issue arising is unable to use Play button:
The Play button on a youtube embed does not work on android-chrome
UPDATE: They have fixed the PLAY button ISSUE!
It was still broken on 8.3 for me, but it turned out it was because there was an <input type="search"> element on the page (bizarre). Made a video: https://www.youtube.com/watch?v=rrKxAIXnydE
iOS 8.3 fixes the bug. Videos are now playable from homescreen webapp, including from appcache.
source:
Just tested this on iPad with IOS 8.1.3 - still broken.
sneuf's iframe works for safari pages but not when loaded from home screen (web clip).
I know about the issues of HTML5 video and full screen in general. However, this is about embedded YouTube videos and using the YouTube default iframe embed code.
The context is me trying to answer my own question about seamless and sandbox for YouTube videos more in depth. Work has begun at a test page
(Note that form elements do not work at all so far.)
The thing is that currently I am not able to get any video to play in full screen, if I am signed in to the HTML trial. Attributes are therefore pointless.
Does anyone have up to date knowledge about YouTube's plans to provide full screen and if browser would allow it because of security restrictions or have a work around for the issue today?
I do not wish to enable full screen by default. The user must initiate it by him-/herself.
Using an alternative video player is currently not an option, since the purpose is to test YouTube's default code.
Add this to the end of your iframe src:
allowfullscreen
This should be your code:
<iframe width="500" height="500" src="https://www.youtube.com/embed/0U8VA-0SF5E" frameborder="0" allowfullscreen></iframe>