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

Videos are not loading in safari browser


I tried to displaying videos in home page of my site. But only in safari all the videos are not displaying, i checked in IE, chrome and mozilla its working perfect.
Here i included the screen shot what i am seeing in safari and chrome.

Safari : http://awesomescreenshot.com/0b64vgda03
chrome : http://www.awesomescreenshot.com/image/184941/4ca302911b6c3b7130ea33bc089e5600

This is the jwplayer code which i am using for displaying videos

jwplayer("myElement_<?php echo $gVal->id;?>").setup({
file: "<?php echo $file;?>",
width: 228,
height: 154,
logo: {
file: '<?php echo theme_url();?>/assets/images/logo_ftr_small.png',
link: '<?php echo site_url();?>',
position: 'top-left',
hide: 'false',
margin: '-5',
linktarget: '_blank',
hide: 'false',
over: '0.5',
out: '0.5',
},

});

Please give me a solution

11 Community Answers

Todd

JW Player Support Agent  
0 rated :

What kind of videos are you trying to load? Safari can play HLS natively without our player switching to Flash mode. Usually this is helpful sometimes, but not in all scenarios.

My first suggestion would be to force our player into Flash mode by adding primary: ‘flash’ to your configuration.

When our player is in HTM5 mode (and not Flash mode) we use CSS to draw the control bar and other player elements. Based on only the screen shots you provided, it looks like your other CSS on the page might be unexpectedly impacting your players. My second suggestion would be to check for any CSS that changes the height or width of <div> or <video> tags.

veena.venugopal

User  
0 rated :

Hi Todd..
Thanks for your kind replay.

I identified the problem. I am using jwplayer inside the flexslider that casue the problem. If i am removing the flexslider its working fine in safari. I think safari+flexslider+jwplayer combination making the issue. So can you suggest how to avoid conflict with flexslider in safari? or any other slider will fine with jwplayer.

Todd

JW Player Support Agent  
0 rated :

Sorry, I am not familiar with flexslider but I’ll take a look at the page source to see if anything looks out of the ordinary. Can you include a link to your test page?

veena.venugopal

User  
0 rated :

Ok..Thanks for your replay.
this is the link for demo site http://csathletes.com/dev_site_uno_demo/

Please visit Student Athletes tab for viewing slider

Its working fine except safari.

Todd

JW Player Support Agent  
0 rated :

I just checked that page in Safari 8.0 and it appears to be working correctly. Did you make any changes recently? I checked earlier at work and the videos were not loading but I was going to do more research just now when I noticed it is working.

veena.venugopal

User  
0 rated :

Ok..fine..

I am using windows 7 32bit , so latest version safari available is 5.1.7, in that its not working. Do you have any idea about this?

Todd

JW Player Support Agent  
0 rated :

That version of Safari is quite old, so my guess is that either your flexslider Javascript is trying to do something this version of Safari does not allow, or perhaps that version of Safari did not have great support for HTML5 video. Please try forcing our player into Flash mode by adding primary: ‘flash’ to your jwplayer().setup().

veena.venugopal

User  
0 rated :

Thanks for your replay. The issue is still not solved. The safari 5.1.7 is the latest version for Windows 7, so i needed to work out. Now i have another problem, the videos which are not zero orientation, in Mozilla its playing as inverted. So any ideas or solution in jwplayer to make them zero orientation in all browser?

Todd

JW Player Support Agent  
0 rated :

Can you include a link to a test page where the video is inverted in Mozilla?

How are you encoding your videos? I believe ffmpeg has an option to rotate.

veena.venugopal

User  
0 rated :

I used ffmpeg for rotating the video. The video have 90 orientation, but its coming correctly in chrome but in Mozilla and IE playing side ways, if am using ffmpeg then chrome its coming side ways and coming correctly in Mozilla and IE. In safari not able to see the video also. Please refer this link
http://ethnictrenz.in/wds13/safari/safari.php . Waiting for your reply. Thank You.

Todd

JW Player Support Agent  
0 rated :

I’m certainly not an expert when it comes to ffmpeg, but I will find out from our software engineers what our player looks for in terms of rotation.

This question has received the maximum number of answers.