12 Replies Latest reply: Sep 18, 2013 4:36 PM by Liam Dilley

Scrolling videos

sleepingcatnz Aug 27, 2013 9:48 PM

I would like to insert scrolling videos into a BC website. I imagine this would be a module that allows users to scroll thru embedded videos (most likely YouTube) that can also be enlarged if required. The videos would most likely be individual web apps that the client can update, upload, change out, etc. Any advice/recommendations would be appreciated!

1. Re: Scrolling videos

Dave Black Aug 28, 2013 2:01 AM (in response to sleepingcatnz)

Hi sleepingcatnz, there are tons of jQuery plugins that you can use for this. Here's a good place to start: http://speckyboy.com/2010/11/14/20-jquery-image-and-multimedia-gallery-plugins/

But really, a search online should give you a whole lot more.

Remember to check the code so you are sure it is one you can easily use.
Like Show 0 Likes (0)

Actions
2. Re: Scrolling videos

thetrickster888 Aug 28, 2013 7:17 AM (in response to sleepingcatnz)

Joe Watkins has something sort of like you are looking for which can give you a nice headstart: http://joe-watkins.io/articles/responsive-vimeo-youtube-video-gallery-web-app-with-dropdow n
Like Show 0 Likes (0)

Actions
3. Re: Scrolling videos

sleepingcatnz Aug 28, 2013 3:11 PM (in response to Dave Black)

Dave thanks for the resources
Like Show 0 Likes (0)

Actions
4. Re: Scrolling videos

sleepingcatnz Aug 28, 2013 3:13 PM (in response to thetrickster888)

Trickster this is really interesting - yes the BC web app integration is the important part so the client can update. I hadn't heard of Joe Watkins before. Interesting responsive tutorial there too.
Like Show 0 Likes (0)

Actions
5. Re: Scrolling videos

Liam Dilley Aug 28, 2013 6:39 PM (in response to sleepingcatnz)

http://jquery.malsup.com/cycle2/demo/video.php One of the best jQuery cycle plugins you can get.
Like Show 0 Likes (0)

Actions
6. Re: Scrolling videos

sleepingcatnz Aug 28, 2013 6:49 PM (in response to Liam Dilley)

That's cool - thanks Liam
Like Show 0 Likes (0)

Actions
7. Re: Scrolling videos

sleepingcatnz Sep 2, 2013 3:08 AM (in response to sleepingcatnz)

Video gallery is what I'm after with scrolling thumbnails underneath. Would need to be in the form of a web app that the client can update.
Like Show 0 Likes (0)

Actions
8. Re: Scrolling videos

Liam Dilley Sep 2, 2013 3:38 AM (in response to sleepingcatnz)

Again look at cycle examples. It is images in the example but has an example specifically doing that. All you do is convert the elements into the web app layouts.
Like Show 0 Likes (0)

Actions
9. Re: Scrolling videos

sleepingcatnz Sep 18, 2013 10:03 AM (in response to thetrickster888)

Trickster, after much research I've settled with: http://html5box.com/html5gallery/index.php
Nivo gallery is also very good but I think that html5box is more suitable for this project. So I need to integrate this as a web app for CMS.
Like Show 0 Likes (0)

Actions
10. Re: Scrolling videos

Liam Dilley Sep 18, 2013 2:31 PM (in response to sleepingcatnz)

Cycle has much more then that one but if you got that working thats great.
Like Show 0 Likes (0)

Actions
11. Re: Scrolling videos

sleepingcatnz Sep 18, 2013 2:57 PM (in response to Liam Dilley)

Liam, yes that one is great but no scrolling thumbnails? Having researched it, the correct terminology is a video slider, of which my preference is http://html5box.com/html5gallery/index.php
Good resource: http://www.queness.com/post/13232/8-feature-packed-sliders-that-support-video
Like Show 0 Likes (0)

Actions
12. Re: Scrolling videos

Liam Dilley Sep 18, 2013 4:36 PM (in response to sleepingcatnz)

Did you not look a the documentation and demo's?
http://jquery.malsup.com/cycle2/demo/caro-pager.php
Is that not what you after?
I have done this many times with video and multiple element types where its video or images.
Like Show 0 Likes (0)

Actions