HTML5 .mov video not working on *some* Safari + Mac - macos

I have embedded HTML5 video(s) in a site - http://dev.thejoint.com - where they work in Firefox, Chrome, IE9 (ahem, ahem) and Opera but not in Safari on some Macs. They even work in iPhone and Android.
On my iMac, it works fine. The .mov file even works on Windows + Safari combination, since we know we have to install Quicktime for that.
Worst part is, the video works in Safari browser directly - http://dev.thejoint.com/media1/jointsequence.mov - but not on the page where it has been embedded.
I have tried every possible thing with web.config and IIS to add the MIME types as well.
Hope someone has some insight, because this is the only things remaining in completing off the project.

On Windows, <video> only works in Safari if QuickTime is installed. I don't know if this affects Macs also, but it could be the cause.

Related

Mac OS external monitor cannot play streaming video in Safari

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?

Vimeo embedded video cannot be played in Firefox

Here is my config:
- Mac 10.9
- Firefox 28-29
My iframe containing the Vimeo video stays black and displays this error message:
< This video can't be played with your current setup. >
It works fine in all the other browsers.
Markup iframe:
<iframe src="//player.vimeo.com/video/83913899?title=0&byline=0&portrait=0&color=111" width="960" height="540" frameborder="0" allowfullscreen="0" kwframeid="1"></iframe>
Link to page:
http://www.monakimprojects.com/projects/uniqlo-campaign#slide-02
PS : A friend told me it works fine for Firefox 29, Mac OS X 10.6.
So it looks like it is an OSX problem.
VIMEO support answered :
You need to have flash installed to watch Vimeo videos in Firefox on
OS X because they don't support h.264 playback.
Ah hum yes ok I just reinstalled my Mac a few days ago thats why...
But could they make their message more precise no?
Instead of a silly joke and
This video cannot be played with the current setup
I would have prefer
This video needs flash player installed to be played
Agree VIMEO team?
Thx.
Can't comment yet because of lack of reputation, but there's something I think is worth sharing.
Chrome and Firefox have disabled Flash across the board. Users would have to update or reinstall Flash. This makes it worse for the situation mentioned in this post. Not so much for Chrome since it plays without using Flash, but definitely a problem for Firefox on Mac, which users may not know an update is necessary to view the Vimeo video.
Google and Mozilla pull the plug on Adobe Flash: Tech giants disable the program on browsers following 'critical' security flaw
I have Ubuntu 14 and the solution that worked for me was to install Adobe Flash!

mediaelement.js in Safari in Windows XP SP3

I'm testing mediaelement.js with various OS (Win XP and 7 so far) and browser combinations (Chrome, FF, IE8, Opera) before using it on my own website. Those combinations seem great but after hours of effort I can't get Safari to work well enough under Windows XP SP3 to do a true test of whether mediaelement.js works in Safari under Windows XP (Safari normally doesn't respond when visiting web pages with or without mediaelement).
Forum posters say that one shouldn't bother to try to make Safari and XP work together but my users worldwide use many combinations of OS and browser so I need to know whether to warn them off from trying to use my mediaelement-based pages with Safari and XP.
Can someone please confirm or deny that Safari on a Windows XP PC can play the video on http://mediaelementjs.com ? I would be most grateful.
I also tried this running an XP VM with all the latest updates. It worked with Safari 5.1.5 and I also upgraded it to 5.1.7 and both played the video without a hitch.
I found an old Win XP PC in the attic, installed Safari 5.1.7 and it handled the video on http://mediaelementjs.com fine.
I've been having this issue too. It's only on Safari on Windows. So far, I've had issues with Safari telling me that certain MediaElement functions don't exist:
TypeError: 'undefined' is not a function (evaluating 'this.pluginApi.loadMedia()')
It's obviously an issue with the Flash fallback and it occurs after calling .load(). It seems like a bug in MediaElementJS because that is an internal function.
I started setting the source like this:
var player = $('#wp_mep_1')[0].player.media;
player.src = 'video_url.mp4';
and then for Safari, or the Flash fallback, I had to manually change the flashvars after clicking to get the video to update:
$j('#me_flash_0').attr('flashvars','id=me_flash_0&isvideo=true&autoplay=false&
preload=none&width=480&startvolume=0.8&timerrate=250&flashstreamer=&height=270&
file='+video_urls[slider_position]+'.mp4');

safari mac wont stream HTML5 video

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.

html5media library doesn't work on FF 3.6.3

Am I the only one experiencing this issue? I'm using the html5media library and the test page they provide no longer plays in Firefox 3.6.3, though it plays on the latest Safari, Chrome, Opera, and IE. On FF 3.6.3, it shows the video and the audio with large X through them. I'm using this library on my site and noticed the issue as well. I'm not seeing any errors in the error console.
My guess would be that the ogv version of the video (the version Firefox uses) is not encoded correctly (or at least not in a way that Firefox recognizes), so when Firefox goes to play it, it fails. It works in other browsers because they make use of the mp4 format, which is encoded correctly. Other html5 video plays in my install of Firefox 3.6.3 so I don't believe it is a bug in Firefox. What are you using to encode the ogv format of the video on your site?
Check out the answer here.

Resources