Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196
News

iWeb Tutorial: Add a movie to your webpage

With more and more websites using video content, it’s time to hop on the bandwagon and add movies to your own site

While not updated like some other programs in the iLife ’11 suite, iWeb is still a powerful application capable of creating very nice-looking sites in next to no time.

With the constant increase in video consumption on the internet, iWeb was there from the start with full support for either clips posted on YouTube or those compatible with QuickTime.
In this tutorial we’ll be showing you how to add your videos to your webpages. We’ll also take a look at how to customise the interface to display your work exactly how you want it to be seen. So launch iWeb, select a site you’re currently working on (or create one from scratch) and let’s begin.


1: Page selection

You can create a new Movie page or add your video clip to an existing one. Choose the best option for you then go to View>Show Media (if not already showing).


2: Finding the right clip

Select the Movies tab to access all the clips and projects created in iMovie, along with any in iPhoto, Aperture, Photo Booth, iTunes or your Movies folder.


3: Onto the page
Find the movie you’d like to use then drag it onto your page. You can either drag it over the Movie page’s placeholder clip, or anywhere else.


4: Resize options
You can resize your clip by selecting it and dragging one of the little white squares dotted around it. You could also use the Metrics Inspector, if you prefer.


5: Inspector controls
Go to View>Show Inspector. The Metrics tab lets you revert the video to original size, or alter its dimensions radically by unticking the ‘Constrain proportions’ box.


6: Start and Stop
The Inspector’s QuickTime tab offers many options. The ‘Start and Stop’ slider lets you cut the beginning and/or end of your video if you want to.


7: Poster Frame
The ‘Poster Frame’ slider lets you choose which frame to display on your page before enough of the movie has been downloaded to be played back.


8: Autoplay
Ticking the Autoplay box makes the movie start playing automatically. The ‘Show movie controller’ option lets the viewer easily stop and start playback themselves.


9: Loop and hide
The Loop checkbox will make the movie repeat itself automatically. Unticking ‘Show movie controller’ will remove any visible means of controlling the video.

×