I have successfully uploaded some club films to YouTube and would like them to be embedded in our website, rather than hyper linked as they are at present. The very useful IAC website article 'Uploading Video to the web' says it can be done, but does not explain how. Could anyone help please. The software we are using is Serif WebPlus 10, if that makes a difference.
Thanks - Annette
Help with embedding video into a web site
-
Dave Watterson
- Posts: 1935
- Joined: Sun Jan 28, 2007 11:11 pm
- Location: Bath, England
- Contact:
Re: Help with embedding video into a web site
Hi Annette
I have not used the Serif software, but it should have a way of letting you edit the actual code of your web page instead of the usual view showing what the page will look like. The code is full of letter or words in angle brackets like <body><head><P> and so on. Those are instructions telling web browsers how to display the page properly.
On YouTube and similar video sites you will usually find a button or a field called "Embed" or "Share". That should reveal some code like:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/DsrZzaOljWU&hl ... ram><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DsrZzaOljWU&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
Don't panic!
That mouthful of goobledegook just tells a web browser to open a window with width="425" height="344" and then to pop over to the video site, in this case YouTube http://www.youtube.com/v/DsrZzaOljWU&hl=en&fs=1 and show the movie stored there. Don't worry about the other stuff.
Choose where you want the movie to appear on your web page - I usually create a table that is 2 columns wide and one row deep. Then I pop the movie in one cell of the table. That lets me put text or still images - or even another movie - in the other cell.
How to I "pop the movie in"?
When I return to the normal design view all I see is a mess in that cell ... but put the page online and look at it - voila, a movie. In the case above the movie is the promo film for BIAFF 2009.
You can change the size of the window in which the film appears. You have to change two sets of figures in the embed/share code:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/DsrZzaOljWU&hl ... ram><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DsrZzaOljWU&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
The two sets of figures (marked in red) control the size of window and movie. Change them if you like but make sure that the proportion remains the same. For example divide both width and height by 2 to give 212x172 (dont worry about the odd half.) Make sure that the sizes at the start and end of the code are the same. That gives you a smaller image - like the one on the home page of the main IAC website. People can still click on it to get over to YouTube if they want to see the larger version.
Some films do not offer a an embed/share code because the folk who put them onto the video website do not want other people to be able to put them onto their own websites. The vast majority of films do allow it.
If you have any more problems drop me a line on asstweb@theiac.org.uk and I will try to help.
Dave
I have not used the Serif software, but it should have a way of letting you edit the actual code of your web page instead of the usual view showing what the page will look like. The code is full of letter or words in angle brackets like <body><head><P> and so on. Those are instructions telling web browsers how to display the page properly.
On YouTube and similar video sites you will usually find a button or a field called "Embed" or "Share". That should reveal some code like:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/DsrZzaOljWU&hl ... ram><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DsrZzaOljWU&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
Don't panic!
That mouthful of goobledegook just tells a web browser to open a window with width="425" height="344" and then to pop over to the video site, in this case YouTube http://www.youtube.com/v/DsrZzaOljWU&hl=en&fs=1 and show the movie stored there. Don't worry about the other stuff.
Choose where you want the movie to appear on your web page - I usually create a table that is 2 columns wide and one row deep. Then I pop the movie in one cell of the table. That lets me put text or still images - or even another movie - in the other cell.
How to I "pop the movie in"?
- In the usual designer view of the web creation program I type an X into the cell where I want the movie.
Then I go to the code view showing all those <brackets> and so on. I look for the X.
When I find the X, I delete it and paste the code from the "Embed" or "Share" button in its place.
When I return to the normal design view all I see is a mess in that cell ... but put the page online and look at it - voila, a movie. In the case above the movie is the promo film for BIAFF 2009.
You can change the size of the window in which the film appears. You have to change two sets of figures in the embed/share code:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/DsrZzaOljWU&hl ... ram><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DsrZzaOljWU&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
The two sets of figures (marked in red) control the size of window and movie. Change them if you like but make sure that the proportion remains the same. For example divide both width and height by 2 to give 212x172 (dont worry about the odd half.) Make sure that the sizes at the start and end of the code are the same. That gives you a smaller image - like the one on the home page of the main IAC website. People can still click on it to get over to YouTube if they want to see the larger version.
Some films do not offer a an embed/share code because the folk who put them onto the video website do not want other people to be able to put them onto their own websites. The vast majority of films do allow it.
If you have any more problems drop me a line on asstweb@theiac.org.uk and I will try to help.
Dave
Re: Help with embedding video into a web site
Thanks Dave - Sounds complicated, but I'll work at it. I should have thought of contacting you, as a web expert, in the first place.
All the best - Annette
All the best - Annette
-
Peter Stedman
- Posts: 275
- Joined: Wed Oct 17, 2007 8:06 am
- Location: Wiltshire
Re: Help with embedding video into a web site
Hi Annette,
I embed videos from You Tube into my Serif Web plus 10 site. There are instructions to do this in the Serif handbook. However, do as Dave says and copy the code from the You Tube site then follow the instructions. It was a bit finnicky at first. Then I upgraded to Serif Webplus X2 where it is much easier. Almost automated. HOWEVER it means that (so far as I can see) that this new method will only work with You Tube. But it is certainly easier and Serif must have listened to users of WebPlus 10 for them to include this improvement in the latest version. If you want top see samples of this in action go to http://www.cotswoldmagic.co.uk/videos which was updated 1 May. The site was originally in Webplus 10 but the video clips were using X2.
Pete
I embed videos from You Tube into my Serif Web plus 10 site. There are instructions to do this in the Serif handbook. However, do as Dave says and copy the code from the You Tube site then follow the instructions. It was a bit finnicky at first. Then I upgraded to Serif Webplus X2 where it is much easier. Almost automated. HOWEVER it means that (so far as I can see) that this new method will only work with You Tube. But it is certainly easier and Serif must have listened to users of WebPlus 10 for them to include this improvement in the latest version. If you want top see samples of this in action go to http://www.cotswoldmagic.co.uk/videos which was updated 1 May. The site was originally in Webplus 10 but the video clips were using X2.
Pete
-
Peter Stedman
- Posts: 275
- Joined: Wed Oct 17, 2007 8:06 am
- Location: Wiltshire
Re: Help with embedding video into a web site
Annette,
I have just checked the internet link quoted in my first message and it failed. So please try www.cotswoldmagic.co.uk (Don't put the video bit). This will take you to the home page then click on the VIDEO link. I know this works. Pete
I have just checked the internet link quoted in my first message and it failed. So please try www.cotswoldmagic.co.uk (Don't put the video bit). This will take you to the home page then click on the VIDEO link. I know this works. Pete
-
Dave Watterson
- Posts: 1935
- Joined: Sun Jan 28, 2007 11:11 pm
- Location: Bath, England
- Contact:
Re: Help with embedding video into a web site
You can see the first examples which Annette has loaded at http://www.jerseycamcorder.org/page21.html including the club's 4-Stars winner from BIAFF 2009 In the Trenches.
Dave
Dave