plugin in content and inserted from k2 video tab works fine on browser and mobile device with the skin "classic"
.... but I'm not able to make it work in IE,SAFARI,IPHONE with the "responsive skin" (works in Firefox)

Can someone give a clue of what to change?

I'm struggling with this too for the responsive skin on iPad, iPhone & Safari.  Typically all you get is as shown in the attached screenshot.  The classic and framed skins are fine in all but Safari, where the video won't display at all?

I have the same problem, after activate the responsive "mode", the payer get all broken, sometimes in Firefox its ok.

In IPAD 1 IPAD 3, IE, SAFARI... well the rest its all broken.
I tried in Joomla 2.5 and 3.0, both with same problem.

Only in IE7 its ok, because it passes to static automatically.

I bayed  the simple gallery pro, very clean and working very well in desktop computer and IPAD but the responsive mode of AllVideos its not working at all.

Hej, I am also struggling with the "responsive" template of allvideos plugin. I want to use it for audio-files in a responsive template (Gavick News).

The plugin brings up the audio-player on the iPhone, but you are not able to click it (classic works perfectly).
You can see a demo here: 174.120.137.227/~thenews/ - open on computer: everything is fine - open with iPhone: black background with 3 unclickable, cut-off arrows.

I tried to change the "classic" CSS inside /jw_allvideos/jw_allvideos/tmpl/Classic to work with % instead of px, but there is no change - the player it self will still stay the same size as difined in the plugin-backend.

Is there a workaround or any suggestion to have the allvideos plugin responsive on iPhones/iPads etc.? I don't wanna touch the js-files, if possible.

THX for every suggestion or even better the solution of this problem.

I gave up with AllVideos in the end and am using JCE editor with the Media Manager addon.  OK it's not free but it works perfectly, allowing you to use mp4 videos in HTML 5 with fallback to flash FLV for older or incompatible browsers.  All uploads and settings can be made in the component editor interface so no syntax for plugin code to have to remember. That will now be my solution of choice for responsive websites.

I also confirm, that responsive template does not work in Safari, Chrome, IE, only on Firefox.
The controlls are all messed up, so it seems the skin is broken.

Allvideos 4.5, k2 2.6.6 Joomla 3.1.1

Hello Joomlaworks team! Please react on this so that we can implement these excellent new updates you brought with the new version! Otherwise it is the same old v. again.
10x in advance!

Did you check AllVideos in demo.joomlaworks.net ?

It is not a template problem. I build my templates myself and I look on the code. The mp4 samples on the demo of allvideos are with the controlbar set to "bottom". I set it to "overlaid". Please tell if the responsive template does not work with the "overlaid" seting.
Thanks for all the great work in Joomlawork. All new releases are just brilliant!
K 

Same issue here - the "Classic" AllVideos skin works fine, but doesn't resize on mobile devices (fixed width in Pixels).

When I switch to "Responsive" AllVideos skin, the player only works in Firefox... in Safari / Chrome, I am getting an array of play buttons and 'full screen' buttons... just like in the screenshots. 

@Fotis, can you provide an example link to a responsive site that uses the AllVideo plugin in Responsive mode?  Your AllVideos demo page is not responsive so we can't test this part:

demo.joomlaworks.net/allvideos

There is also a Joomla forum thread where people are discussing this same issue:
forum.joomla.org/viewtopic.php?f=628&t=798790&p=3040021#p3040021

Thanks in advance!
-Nate

Hello,

I have same problem here.
Allvideos responsive work 100% on every browsers, except on iOS.

Someone knows how to solve possible CSS conflicts?

Thanks

Did you check our demo site AllVideos in iOS browser?

Did you check our demo site AllVideos in iOS browser?

Yes, I checked your demo site, the MP4 video file plays fine in iOS browser, but your demo site is not 'responsive' so we can only confirm that the video plays.  When I set up a test page on my clients' responsive site, and link to your same MP4 video file (flvremote), it only works using the Classic player, which is a fixed-pixel-dimension and doesn't scale down to small screens.  Here is a link:

www.forensicdjs.com/_new_site/index.php?option=com_k2&view=item&id=363:allvideos-demo-video-mp4&Itemid=107

You'll see it works fine in Firefox but not Safari or Chrome...

Thanks,
-Nate

Yes, your site demo works perfectly on iOS.
I agree that problem is some CSS conflict, but I can't see how. :(

Thanks

Sorry, Its not responsive at all, I made joomla websites from the ground, just joomla clean, no frameworks, nothing, put in responsive.. "puff" all broken.... Sorry but I waste money in FrontPage SlideShow ... not responsive... trash... Found other solutions.. :(

@ etw,
are your referring to FPSS or AllVideos?

I see - the player is switching to HTML5 in Webkit browsers that support native H.264 and the player's CSS seems to get funked up…

I'll investigate further.

(Either way I was considering of offering more player options in the coming update, along with a few more providers.)

Fotis do you have an ETA on a new version of AllVideos (4.5.1) with a fix for this 'webkit responsive bug'?

Thanks!
-Nate

@ etw,
are your referring to FPSS or AllVideos?

Well both, for now I put disabled the FPSS, I am using other options. :-[

I really don't mind to pay for the AllVideos Extension, but I really hope that you can find solution  for this big problem. I don't know if this can help you but it was the solution that I found and that I applied in one of my websites(not Joomla based).

video id="video-cont" style="width:100%; height:100%;
...
jwplayer('video-cont').setup ..... 'height':'100%','width':'100%'

$(document).ready(resizePlayer);
$(window).resize(resizePlayer);

function resizePlayer() {
var contentWidth = $("#newbox").width();
var newVideoHeight = (contentWidth * 270) / 480;


$("#video-cont").width(contentWidth);
$("#video-cont").height(newVideoHeight)
}