Please see the link for an idea of what I am trying to accomplish with videos in a carousel. This works fine in Safari, OK in Firefox, Opera and Chrome (though not ideal), and very poorly in IE9. There are 6 video files (avg size 5mb ea) in this carousel.
The main problem is that some of the browsers apparently wait until all 6 videos are loaded before allowing the carousel action to work. IE9 seems to be the slowest at this and has the additional disadvantage of making the FX applied to the navigation (left side of the page) wait until the videos are loaded before they take effect.
This also does not work on iPad, but I’m OK with that being a separate (and later) discussion.
I am aware of the Scripty Lightbox 2/Carousel functionality, but am trying to avoid the pop-up if at all possible. I have tried running a carousel with iFrames in each of the carousel panes linking to different pages, each with their own video, but can’t see the iFrame content in any of the carousel panes (only the initial carousel that is on the page).
Can anyone point me to a way to get the iFrames to work with the carousel or suggest another approach that will allow me to preserve this clean look of simply scrolling through the videos themselves as opposed to thumbnails and pop-ups - and avoid the browser and loading issues I have been running into?
Try either VideoJS or SublimePlayer Action to embed the videos. Either of these will load nearly immediately, and the animation will start working right away.
Walter
On Oct 5, 2012, at 1:33 PM, Aaron Corey wrote:
Please see the link for an idea of what I am trying to accomplish with videos in a carousel. This works fine in Safari, OK in Firefox, Opera and Chrome (though not ideal), and very poorly in IE9. There are 6 video files (avg size 5mb ea) in this carousel.
The main problem is that some of the browsers apparently wait until all 6 videos are loaded before allowing the carousel action to work. IE9 seems to be the slowest at this and has the additional disadvantage of making the FX applied to the navigation (left side of the page) wait until the videos are loaded before they take effect.
This also does not work on iPad, but I’m OK with that being a separate (and later) discussion.
I am aware of the Scripty Lightbox 2/Carousel functionality, but am trying to avoid the pop-up if at all possible. I have tried running a carousel with iFrames in each of the carousel panes linking to different pages, each with their own video, but can’t see the iFrame content in any of the carousel panes (only the initial carousel that is on the page).
Can anyone point me to a way to get the iFrames to work with the carousel or suggest another approach that will allow me to preserve this clean look of simply scrolling through the videos themselves as opposed to thumbnails and pop-ups - and avoid the browser and loading issues I have been running into?
There’s a player called AudioJS (from the same people as VideoJS) but I haven’t tried it or made an Action for it. Another nice one is the player widget from Yahoo’s YUI toolkit. Again, no Action available.
On Oct 5, 2012, at 3:56 PM, Walter Lee Davis wrote:
There’s a player called AudioJS (from the same people as VideoJS) but I haven’t tried it or made an Action for it. Another nice one is the player widget from Yahoo’s YUI toolkit. Again, no Action available.
I have downloaded the audio.js action and tried putting it on the page and inserting it inline in an HTML item. In neither case does it show up in local or browser preview - blank screen only.
I have looked for support on it, but can’t find any instructions.
Guessing that I’m missing something basic, but any direction on this would be helpful.
Also, it doesn’t appear that it will resize without just cutting off part of the player. Any idea how I would accomplish that?
I haven’t tried it out myself yet, but with a lot of these players, you often need to upload to your server to see anything. The reason is that the JavaScript will be written out in a “protocol-less” format; where the link to a script might properly be written as http://example.com/script.js, the authors will make the link like this: //example.com/script.js. The reason for this is so that the same script will run without any changes on a http or https (secure) server. Unfortunately, this completely kills any chance of previewing from a local (file:///) URL.
Walter
On Oct 5, 2012, at 5:44 PM, Aaron Corey wrote:
I have downloaded the audio.js action and tried putting it on the page and inserting it inline in an HTML item. In neither case does it show up in local or browser preview - blank screen only.