Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

HTML5 <video> with src attribute is not working with new Safari (5.1.7) windows


I am using jwplayer v5.9, the HTML5 VIDEO (MP4) does not work with Safari-5.1.7(windows) while it is running OK with other Browser such as Firefox-12.0,IE-7/9,Chrome-18.0 and Opera. You may download the latest Safari-5.1.7 from http://www.apple.com/safari/download/ and just browse to http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/22420/embedding-with-webm-and-mp4-source and you will notice that for the VIDEO, it is not playing, only showing the [LoadingAnimation] when clicking on the play button.

I have created a basic HTML5 video page(without jwplayer) and after some checking, I found out that this problem only happen due to having a "src=" attribute inside <video> tag, if we take out the "src=" attribute, it work fine.

[Not Working in Safari-5.1.7]
=======================================
<video id="myvideo" controls src="sample.mp4">
</video>

[Not Working in Safari-5.1.7]
=======================================
<video id="myvideo" controls src="sample.mp4">
<source type="video/mp4" src="sample.mp4">
</video>

[Working OK in Safari-5.1.7]
=======================================
<video id="myvideo" controls>
<source type="video/mp4" src="sample.mp4">
</video>

*This work OK after removing "src" from the <video> tag.

I am not sure whether Jwplayer.js insert a similar "src" attribute in it somewhere inside the DOM but from firebug, it see no "src" attribute. I can't even see any text such as "sample.mp4" loaded inside the [GeneratedSource]. What has been done by jwplayer('myvideo').setup({....}) is quite obscure to me.

Understand that this may not be the bug of Jwplayer, perhaps due to a bug in Safari-5.1.7.

Pls help. Thanks.


15 Community Answers

Ethan Feldman

JW Player Support Agent  
1 rated :

I just went to this link in Safari on my PC – http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/22420/embedding-with-webm-and-mp4-source

It plays fine in HTML5 mode. It even does HTML5 native fullscreen mode in this browser correctly.

JW Player

User  
1 rated :

Since in native html5, the video element does support the src attribute.

However, in using the video element in the html5mode of the JWPlayer
it does not work as you need the source element as indicated above in the last coding.

I can fully understand the confusion between native html5 and using the html5mode of the JWPlayer. It is simply something to be aware of.

Ethan Feldman

JW Player Support Agent  
1 rated :

Good point.

JW Player

User  
-1 rated :

Hi Ethan,

Yes, it work now after uninstalling all current quicktime player completely and reinstall with the latest quicktime player after installing Safari-5.1.7 as adviced by Max at [http://stackoverflow.com/questions/10555514/why-does-html5-video-not-work-in-the-new-windows-version-of-safari]

Thank a lot for your help. Jwplayer simply rock !

Ethan Feldman

JW Player Support Agent  
-1 rated :

Np!! :)

JW Player

User  
-2 rated :

Strange dudes and dudettes ..... I installed an html 5 videojs application in my web page. And I had been testing in IE, FF, Chrome, and Safari for Windows, and Safari for Mac. It was working in all environments, then decided NOT to work in Safari for Windows. I did not update QT, or my browser, it just stopped working. So I figured an mp4 was not encoded properly as I was swapping them around editing a final version of the video. Still nothing. ... I happened on this thread .... and decided to uninstall and re-install QT.

Well, after uninstall and before re-install I tested the vid. It works in Safari 5.1.7 for Windows with NO QT installed. Strange ....

I then installed Quicktime 7.73.80.64 and on install tweaked filestypes and mimes. I added everything on filetypes and mimes. Video stopped working with install! So I uninstalled and video worked again. I re-installed using defaults and video stopped working again. So .... for some reason Quicktime stops videos from working in Safari for Windows on my machine.

Ethan Feldman

JW Player Support Agent  
-1 rated :

Yes, on Windows you need QuickTime installed if you want HTML5 <video> to work in Safari…it can be pretty picky…

JW Player

User  
1 rated :

Like Odisey I noted that with Quicktime installed I get audio but no video when playing HTML5 videos. Following his lead I uninstalled Quicktime and found that I had both video and audio. It took a little time to realise what was happening. Without Quicktime Safari is using the flash fallback and not HTML5 video.

This problem exists on my desktop which is a Dell XPS 8300 running windows 7. It has a AMD Radeon 6700 video card.

On my laptop, also running windows 7, with NVIDIA GeForce GT 330M graphics adapter and Quicktime installed, the problem does not exist. Safari plays HTML5 videos correctly.

This problem is unique to Safari. Other browsers ( IE, Firefox, Chrome and Opera) all work correctly.

Anybody have any ideas?

Ethan Feldman

JW Player Support Agent  
-1 rated :

Do you have a link to where the issue is happening?

JW Player

User  
-1 rated :

It happens on all HTML5 videos regardless of the source

Ethan Feldman

JW Player Support Agent  
-1 rated :

I am asking for a link?

JW Player

User  
-1 rated :

This problem appears to be a hardware/software problem related to my computer or the video adapter in my computer.
On other windows computers that I have access to, with a different video adapters, safari displays HTML5 videos normally.
On my pc I get a black screen, but the audio plays ok.
If I uninstall quicktime then safari displays the video ok, in flash fallback mode.
There seem to be some incompatibility with the HTML5 video generated by safari/quicktime.
The files play correctly when I access them, both locally and remotely, using quicktime on its own.
All other browsers play HTML5 correctly.
From reading above, I do not appear to be alone with this problem.
I was hoping that someone could shed some light on it.

Ethan Feldman

JW Player Support Agent  
0 rated :

Thanks for sharing that.

JW Player

User  
0 rated :

Problem solves by reverting to Safari version 5.0(7533.16) with Quicktime version 7.7.3

Safari now plays HTML5 videos as it should.

Ethan Feldman

JW Player Support Agent  
0 rated :

Glad you got it.

This question has received the maximum number of answers.