How to do a video gallery page

Hi everyone
when you create a new page iWeb lets you choose from some preset pages like the homepage, the blog, the video and the photo gallery.
But the video page lets you put one or more videos in just one page.
If you have many videos and you want to divide them in different categories like the photo gallery page do for photos, how can you do it?
If you select the photo gallery and if you put videos instead of photos from your iTunes inside of it, it seems to do the job, but I can't use this trick cause I have not enough hosting space to store the videos, and infact I uploaded them in youtube and with the youtube widget the photo gallery doesn't work and shows nothing...
Did someone know how to create a video gallery page (or something like that) with videos from youtube?
Thanks
Message was edited by: PaoloPhino

This is one way you could do it: PhotoPresenter Animated Slideshow Themes. The thumbnails can be as small as you'd like. This way none of the video files have to load before they play button is selected. Otherwise the page would take forever to load.
How the button is created is described in this demo page: Opening Item in a New, Precisely Sized Window
OR you could use a video jutebox like the one on this page: http://www.holyredeemernorthbend.org/HRWeb/Our_Videos.html.
His tutorial on how to implement it is here: http://www.holyredeemernorthbend.org/HRWeb/jukebox.html.
OT

Similar Messages

How do i create a gallery page that you can click on an image, expand it and move left or right to see more images?

How do i create a gallery page that you can click on an image, expand it and move left or right to see more images?

You may use slideshow widgets to achieve this. For more details : Adobe Muse Help | Working with Slideshow widgets

How to make youtube video gallery auto play (&autoplay=1) work properly?

Does anybody know how to make youtube videos play when clicked on the thumbnails in the video gallery? I have added the auto play function in the iframe code
(<iframe width="600" height="335" src="http://www.youtube.com/embed/lwnhB8PEuDY? rel=0&autohide=1&showinfo=0&autoplay=1&theme=dark&color=white&modestbranding=1" frameborder="0" allowfullscreen></iframe>)
for both videos but both videos play at the same time. The videos stop playing at the same time when once clicked on one of the thumbnails.
Here is html test file and Muse project file to see what I mean.
Help would be much appriaciated.
Silvis.

Hi Vinayak,
Thank you for you response.
Here silvis.co.uk/muse_test.zip is a valid link.

How to make a video file page on my site popup as an external page

i have alot of demos on my site and everytime you click on one of my demos it loads that page.I made the page the size of just the video file size too.so, how can i get it to open as an external window above my website and also the size of just the video playing? i have looked in the html code and can't find any
all the code is css and js. here is my site www.mattmosher.com
any suggestions would be a great help.

OK, on this page:
http://homepage.mac.com/mcmphoto/cinematography.html
Look for this code (click the link, its a screenshot):
http://homepage.mac.com/varkgirl/code.png
(See highlighted section for example)
Change
href="blahblah.mov"
to
target="_blank" href="blahblah.mov"
(In other words, put target="_blank" before href)
Message was edited by: varkgirl to say, I have to ask, WHY do you have your pages created by iWeb on your homepage.mac.com address? Why not just publish directly to .Mac???

How to make a thumbnail gallery page that'll open individual slideshows?

Hi,
I'm trying to make a gallery of thumbnails for album covers I did, and want for it to open its own slideshow (on the same page / as a typical slideshow pop up) when a person clicks on one so he/she can view the main image and a few more thumbnails on its side for other artwork panels (as well as use the arrows if possible).
Anyone got an idea for an easier way to do this?
Thanks! I'm going insane over this... And it seems like this could be the easiest thing, but somehow I can't find a way...
(idem for B and C and so forth)
=

Hi,
That would seem to be the perfect logical answer. But guess what? I've tried this many times without any luck. I MUST be doing something wrong, but simply have no clue what it is. SO I'll describe every tiny step, and maybe you can see where I'm at fault.
1- I drag & drop a Lightbox display from the the composition folder in the Widget library on a blank page.
2- I delete 2 of the 3 default thumbnails from above the main target/container,
3- I select the remaining whitest thumbnail, go on the FILL option the left corner, and add an image from my files. I choose scale to fit and make it the size I want.
4- I open the Trigger option in the upper left area and do the same for the "Normal" state (as a default, Muse puts it on the "Active" one). Now all my states have the same image. I also remove the stroke and fill color behind.
4- I select the default gray bars with arrows within the CONTAINER below and remove them (simply because I intend to change them with my own design and to make sure I don't stumble on them for the forthcoming steps)
5- I select the TARGET area and then go to my FILL option and change the white area to "no color".
6- I then select the CONTAINER area and change the default back color to an image of my choice (a background that I put at 80% transparency).
7- I re-select the TARGET area and drop a Lightbox widget from the Slideshows folder in the Widget library into the selected TARGET area. I resize it to my liking.
8- I go and click on the upper right option button (white arrow under a blue circle) of this new Lightbox to add the images I want.
9- As predicted, the images appear as they should: One big in the center and the proper amount of thumbnails above. When I click on them, they appear sequentially below also as intented.
10- At this point all should be great and working (I think), so I go in the preview section (and also tried via the Preview in Browser (crtl+shift+e)) and what appears, is my page with the actual thumbnail of the cover (again, as it should). BUT here comes the bug::::
Once I click on it, the Lightbox slideshow pops up, and all shows up but the actual center main image (as well as its default black area behind the image), e.g. what should be the bigger version of the 1rst thumbnail from the series above it. I try to click on the other thumbnails above the invisible image and nothing happens. Actually something does happen, because if I decide to click outside of the of the main image area, ONLY then all fades again and my main image pops up ALONE, everything else fades away! So to get out of there, I have to reclick outside but I'm then pushed back to the main original thumbnail gallery....
So it feels like it sorts of become like a 3rd level thing and this is obviously not what is needed...
Any idea what's problematic?!
Much thanks for having taken the time to read my little novel here! ; )
If this is not quite clear still, I could post a video of all of what I'm doing and the resulting problem.

"Video gallery in Tumblr blog way"

Is it possible to create a video gallery outside of Muse that would work in the same way as the Tumblr blog?
When you add or remove videos so the code will automatically update the gallery also on the sites of Muse.
Can anyone advise me how such kind of video gallery can be created in practice?
Thank you in advance!
TaikaJim

I also would like to know this, but just for pictures!

Video Gallery, How to Stop overlapping streams when user navigates to next item? Bug or syntax?

My NASA Multimedia News App is exhibiting behavior that I would very much like to change. The app is in the store at
http://apps.microsoft.com/windows/en-us/app/nasa-multimedia-news/7e74f3fb-b550-4ac6-b437-388f034ee6df
If you look at one of the three video galleries, here is the scenario:
1. Start one of the videos, for example the most recent one.
2. without MANUALLY pausing the first video and before it finishes, scroll to the next item in the same gallery and PLAY it.
3. two streams are now playing, audio overlapping.
4. move on to the next item in the gallery OR GO TO A DIFFERENT PAGE/SCREEN, cover your ears....
in fact the stream needs to stop if you navigate away from it by either starting a different video in the same gallery or when you navigate to a different screen/page in the app. and it doesn't.
5. in fact, if you close the app by dragging it down and don't final close it by drag/hold flip or using taskmgr, if you re-open it the multiple audio streams will still be playing from where they left off.
I don't honestly know if it is the video control or something I didn't do in the syntax (or even if something CAN be done), but with the overlapping cacophony that results, it is less than optimal. My expectations/hopes, were that if one stream was already
playing, that moving to a new item and starting THAT stream would automatically terminate the original one that was playing so that only a single audio stream can be heard.
I hope the issue is clear.
Is this a bug? If it is by design, ugh. And is there a work around?
-- Barb Bowman

On Sat, 5 Apr 2014 01:20:04 +0000, thorwm wrote:
>All kidding aside, I did some searching in the forum and I found this post that may help?
>
>http://social.technet.microsoft.com/Forums/en-US/6037342d-2575-411b-a496-90d306f82b00/unable-to-stop-a-video-playing-using-updatecontextvideopause-true?forum=projectsiena
>
>Btw, what you're talking about sounds very similar to how Adobe Flash works - it figures that you (the end user) must know what you're doing when you start another audio file / video so it keeps adding to the stream. The way I helped
the end user was to add the code to stop the media file playing when another one was selected.
>
>Hopefully the thread above gives you some ideas how you might do this in your situation.
>
>
>I look forward to hearing what you find - sounds like a neat app (no pun intended!)
Thor, it is my NASA Multimedia App - I resubmitted it last night and I guess a
different tester got it and the update went through. But the issue still exists.
The difference between what I have in my app and that other thread is that I
have a video GALLERY as opposed to individual players. I did try messing around
with that syntax
UpdateContext({videoPause: false}); UpdateContext({videoPause: true});
Navigate(scrHome, ScreenTransition!Fade)
But it didn't work between screens in my App and anyway, half of the issue is
that it wouldn't work on a single screen that contains a video gallery that has
say 10 videos, there is no OnSelect function used. I tried experimenting to see
if I could get syntax working at least for when the navigation is to a different
screen, but it doesn't work for me. Probably because it is a gallery.
Hoping that Robin has a solution...
-- Barb Bowman

How Do Embed a YouTube Video into the Video Gallery Lightbox Widget

I just downloaded the VGL widget at Video Gallery Lightbox | Exchange | Adobe Muse CC . I'm able to change the picture but have not figured out how to embed the video. The instructions say it can be changed "via an "insert html" but when I do this I just get another video inserted into the page. Help!!!

Select the composition and go to composition options > enable "show lightbox parts while editing".
Now select the target container and remove existing video and insert video html in that container. This way you can change the videos.
Thanks,
Sanjit

How do I correctly update images on my Gallery page in Adobe Muse 2011-2013?

I am trying to update images on my Gallery page at: www.glennmcfall.com. When I add new images those new images are not active. When I click on the thumbnail (when I use Preview Page in Browser) the slideshow image appears , when I click on that image a larger image or video should appear but doesn't. I noticed when an image is active an image of a hand appears when hovering over the art/photo/video but this hand does not appear when I am trying to access the largest image. What do I need to do to correct this? I am using Adobe Muse 2011-2013 version.

Hi
Can you provide steps to follow for replication ?
I checked the site , but which thumbnails exactly shows this behavior etc ?
Thanks,
Sanjit

How do I add video to a Pages for iOS document?

I thought that with the latest updates to Pages that there would be 1:1 parity between the MacOS X and iOS versions of Pages. However, I am unable to figure out how to add video to Pages in iOS as I can easily do in Pages for MacOS X (just drag & drop). What is the secret to including video into a Pages for iOS document? Or is this just not possible? I don't see how audio can be added either. It seems to be Photos only from the + icon.

The video should be in your camera roll, tap the +, then the music note and choose your video.

How to create a photo gallery so photos on the page can be scaled? [was: Flash CS6]

Hello!
I have a schoolproject where I am going to make a photogallery to pur inside a dreamweaver page. I know how to make the actuall gallery, but the difficulty part is that I have to make it so you can scale the photos when they are on the page.
Do anyone know how to do this?

If your page isn't responsive or at least % width, your gallery images can't rescale to layout.
However you could use a modal window like Fancybox that invokes full-sized images when thumbnails are clicked. See this example:
Alt-Web Templates :: CSS Semi-Liquid, Photo Proof Sheet
Nancy O.

How to create a video page, several videos (not youtube), with button triggers.

How do you set up a page for videos, with a common target area, each video loaded with a different button trigger (not youtube videos)?

You can use a Composition widget for the purpose and have videos hosted at your site (if not an online service) play using HTML5 video tag. A similar thread here on the usage of this HTML tag - http://forums.adobe.com/message/5210727.
Thanks,
Vinayak

How can I make a "Youtube" style video gallery for offline, '.air' use?

I work for a language company and we've put together a set of videos for use in computers, not online. Currently we're using Apple's Keynote to present our videos to to the student. This has the advantage of allowing us to put videos in a sequential order, with absolutely no work in the development department, and most importantly was easy for any student to control and navigate.
Things have now changed.
Keynote can no longer hold the size of our videos and we are constantly adding and changing videos all the time. Now that CS5 is out, I would like to build a stand alone flash application for our system modeled after the same look and functionality of youtube.
Key features would be:
• Main video player that links to our resident video files
• Something that generates and displays a title for the current video
• A text box below the main video player for notes and instructions
• a side bar of thumbnails for all related videos, with titles displayed
Future features would be an easy way for us to change videos in and out of the library (by "uploading" and "downloading" using a form for the videos, although not to the net, but again, on the resident computer).
It looks like CS5 would make this possible. My plan is to make a youtube-like site using flash catalyst. I think I can do it myself since the first version only needs basic elements and design, but I know I'm going to run into some problems because I'm not sure the limitations of catalyst for this style of interactive video gallery.
What I'm looking for is someone to just quickly guide, tell, or yell me in the right direction, and I'm really keen (hell-bent?) on trying it out using Flash Catalyst... is this the way?
Keeping in mind that my first draft only has to be a simple working version of the system, and I can play with the rest later, is any of what I said possible using flash catalyst?
Thanks in advance to whoever can help me out!

I doubt MU can do this. It's pretty limited in scope & I don't think it supports server-side code which you would need to parse feeds. But feel free to post your question in the MU forum. Maybe somebody there has a workaround.
http://forums.adobe.com/community/muse/help_with_using_adobe_muse
Nancy O.

How do I incorporate video that EVERYONE can see? Quicktime redirect to Flash page???

I created a website for my video production company using Dreamweaver 8 (http://www.playroomcreative.com/production.html). I have average web design knowledge.
The sample videos of my work are all MP4 (H.264/AAC) which is compatible with Quicktime and Flash, however I am using JW Flash Player on my website because most people have Flash installed on their computers. I even have a message that prompts people to download the newest version of Flash when the video doesn’t appear.
My question is; what do I do about people that use iphones and ipads that can’t run Flash?
I would assume that I should change the way I have it now and put a Quicktime video embedded page FIRST, then use the “Check Plugin” Dreamweaver behavior to detect if they don’t have Quicktime and redirect them to the Flash video page. Then, if they don’t have the proper version of Flash they will be prompted to upgrade.
If I did it the opposite way (Flash page first that redirects to a Quicktime page when no Flash plugin is found) than the Flash page would never have a chance to offer it’s upgrade prompt if the user doesn’t have the proper version Flash.
Am I approaching this the right way?
Is there a better way (besides the use of YouTube or Vimeo type video hosting sites)?
Thanks in advance!

Introduction to HTML5 Video
http://dev.opera.com/articles/view/introduction-html5-video/
Building a custom HTML5 player with CSS3 and jQuery -
http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/
"With Google recently releasing the VP8 codec, and the WebM project coming into existence. Opera, Firefox, Chrome and IE9 all have support in final builds, developer builds, or at least support announced for this format, and Flash will be able to play VP8. This means that we will soon be able to create a single version of the video that will play in the <video> element in most browsers, and the Flash Player in those that don't support WebM natively."
Video For Everybody!
http://camendesign.com/code/video_for_everybody
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

I have multi videos and like to do video gallery

is there a thickbox for video gallery in dreamweaver as there is a thickbox for photo gallery...what is the best software to do video gallery...or how but not sophisticated way im not programmer?
thanx a lot

I've tested all of them and this is the only HTML5 player that supports playlists and WORKS out of the box in iPhone, iPad, Android, Firefox, Internet Explorer, Chrome, Safari, etc... with one file type (MP4).
You can customize the player appearance any way you wish with the optional Skin Designer.
Beyond that, your options for ease of use are practically none because this player deploys with 3 lines of code in your HTML page. If you can't handle copying and pasting 3 lines of code, I honestly don't know what else to suggest. Sorry.
Nancy O.

How to do a video gallery page

Similar Messages

Maybe you are looking for