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.
Related
I had implemented the HTML5 audio in the background on the following web site:
https://praxishelena.ch
When I open the web site, or when I click on a link, I can hear music on my Windows PC, and on Android device using Chrome, but on IPhone using Safari, not.
I was implementing music, using the following:
<audio src="wp-content/uploads/foldername/filename.mp3" style="display: none;" autoplay loop />
I need music in background without controlls for stopping, pausing, and volume change.
How to enable this to work in Safari?
Best regards,
Darko
Certain HTML functions work differently or don't work on certain versions of certain browsers. Try checking what version it is using. Normally, Safari should support MP3 files. It only doesn't support .ogg files.
I used Simple Peer(WebRTC), ReactJS for my video call service. In the video call screen, I used 2 video tags(contact video and user video) for video playback. When the call gets started after a successful connection, only the contact video is getting played(1st video tag) and when the contact turns off their video user video is getting played(2nd video tag).
This only happens on Safari(I only tested on Mac). It works fine in other browsers(Google Chrome, Firefox).
Is there a way to fix this issue?
WebRTC depends a lot on browsers and Safari has specific requirements (like strict order of tracks). Check JS console to identify any errors.
You can experiment with a turnkey html5 videocall solution that works and try to replicate.
I an unable to get the a video to play on my iPhone 7.
I thought it might have just been a Safari issue but it’s also happening on Chrome on my iPhone which I think is still web-kit.
the video link as following: http://misc.saohuijia.com/bdtmobile/video/ugo.mp4
Suggestions:
be sure the video linked is valid: e.g. try other mp4 files: http://camendesign.com/code/video_for_everybody/test.html
install 3rd-party players, e.g. "VLC for iOS"
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).
Issue
The embedded Youtube flash player only plays audio and displays a black box where the video should be in Firefox.
Site: Nexus Gaming Media
To see the issue try playing the video that appears when the above home page is loaded (in Firefox). The audio works fine but there's a black box where the video should be.
Despite the above issue other embedded videos work fine for me in Firefox. Such as the embedded video here: https://developers.google.com/youtube/youtube_player_demo
Tested flash player versions: 11.6.602.180 and 11.7.700.141 (11.7 beta)
What I've tried:
Re-installing the flash player
Using the beta flash player
Deleting all of the flash player cache files
Multiple profiles in Firefox
Modifying CSS values
Using a private browsing window in Firefox
Starting Firefox in safe mode with the default theme and all add-ons disabled
I cleared the history and cache after each modification and then I restarted the browser. The video playback works fine for me in Google Chrome (note that I have pepflashplayer disabled). Does anyone have any idea what's causing the embedded player to work in Chrome but not in Firefox?
Have you tried setting the wmode as a query string? (i.e. '?wmode=transparent')