below are 2 video files uploaded in aws. it will play in chrome or firefox etc, but wont play in safari
https://s3.ap-south-1.amazonaws.com/apppreprod/Vid_637768063547139404.webm
https://s3.ap-south-1.amazonaws.com/apppreprod/Vid_637745132425435217.mp4
The issue is that safari wont play videos uploaded into blob storage like aws.
recomended solution is to save the video in other server and it will play in safari.
The two links you provide can be opened in other browsers. I tested it with an iPhone, and found that it could not be opened in the safari browser, but the other three-party iPhone browsers can. After checking the Apple official website, it is certain that the safari browser of the iPhone supports the MOV video format.
suggestion:
When uploading a video, the video can be converted and stored as needed
Related
I have a brand new MBP, I have tried everything that I can think of and googling and apple support is no help.
In safari 15.1 , a clean install of it, I cannot play streaming video on external monitor through thunderbolt.
If I have the MBP unplugged, it plays the video in safari no problem. However the moment that I hook up an external display, the video play back in safari does not work.
Edge, Chrome, Firefox, DuckDuck Go, and Opera all work fine. this is 100% a browser issue with Safari and Only while hooked up to an external monitor.
Any idea?
I have tried using iframe and also video tag and object tag to play the video. In some cases, it plays only the audio from the video, but video doesn't show up.
Secondly, the same video file plays well on a separate tab in the browser, but not within my iframe.
This issue is on all browsers on my Mac, but on a windows machine it plays well.
I finally found it. Apple has a good documentation of its own for this. https://developer.apple.com/library/mac/documentation/quicktime/conceptual/qtscripting_html/QTScripting_HTML_Document/ScriptingHTML.html#//apple_ref/doc/uid/TP40001525-2-GettingaBrowsertoLoadQuickTime
I simply had to use the embed tag properly as they have explained.
I tried searching for a solution to this and within three days of browsing the forum I could't find any help.
This is the link where I have my video:
http://www.aguacatesjbr.com/English/Company/company.html
I believe the code is correct because I replaced my source video with the Oceans-Clip video provided by the site. The Oceas-Clip video CAN PLAY on FireFox and IE but not my original video. However, if I type in directly the address of my video it DOES render on FF and IE.
I don´t think it is size problem because I was testing it with a video that weights 4.20MB.
I am having this problem with IE and FireFox in both PC and MAC. Android and Apple devices work perfectly as well with Chrome and Safari.
First of all, you need to serve the videos with the correct mime type, which is video/mp4 for H.264 in mp4, and video/webm for WEBM. See MSDN, MDN.
Right now you serve the .mp4video as video/mpeg.
Then, I your page has a source for video/webm pointing to http://www.aguacatesjbr.com/Videos/JBR_video.webm, which does not exist at the time of writing. Fix that.
Firefox can play back H.264/mp4 on certain platforms only. For a list of currently supported platforms and video support in Firefox in general see "Supported media formats".
Lastly, there will be warning messages regarding video load failures in newer Firefox versions. E.g.:
[20:35:11.515] HTTP "Content-Type" of "video/mpeg" is not supported. Load of media resource http://www.aguacatesjbr.com/Videos/JBR_video.mp4 failed. # http://www.aguacatesjbr.com/English/Company/company.html
[20:35:11.515] All candidate resources failed to load. Media load paused. # http://www.aguacatesjbr.com/English/Company/company.html
On a desktop browser (Chrome, Safari, Firefox, etc.) you can have several tabs open and have a Youtube video cached on every tab. You can playback those videos even if you dont have internet anymore (because they are cached) and also you can minimize the browser to work on other stuff (so you can listen to the audio but dont have the video open at the same time).
So my question is: can I develop an app for mobile devices, which can have Youtube videos playing in the background (multitask) and also be able to cache them, and play them offline afterwards?
I just want to do the same that a browser can do on a computer, but on an iPhone. *The Youtube API Terms os Service are not clear in this aspect.
The terms of service are here: https://developers.google.com/youtube/terms
"For the avoidance of doubt, Your API Client shall not be designed to cache YouTube audiovisual content."
I am having a very frustrating issue with HTMl5 video and safari/mac.
I am using html5 video throughout the site where needed and it works/plays on every browsers bar safari on a mac (its fine on safari windows and chrome mac for example)
The videos dont stream and only play once the entire file is downloaded. At first I thought it may be to do with the index of the file being at the end and not the beginning (link html5 video = safari wants to download it all) so i tried qtindexswapper but when loading the MP4 into the program it said the MOOV/Index was in the correct position.
Anyone have any idea why safari mac has this issue?
A.
I've seen HTML5 be very picky with videos. They may play fine in a player, but not play or maybe play with no audio once embedded. This is usually due to a video not properly created/formatted. In most cases, re-creating the file in a professional level program alleviates the issue.