You need to get the line of code from Youtube for "embed" then place it on
your page where you would like it to appear. The line of code is wrapped in
a iframe. You can also embed videos from other people on the page. I have
two embeds on this page at the bottom, one is my video and the other is a
shared Youtube video. If you look at the source code you will see the one
line of code in the iframe that is from Youtube. My right div is set to
center with auto right and left margins, so I believe the alignment will be
determined by your CSS styling for the div that contains the Youtube code.
Hope this helps.
Thanks for the reply Carol. Your guidance was very useful. I do have the iframe code from You Tube.
I placed the code within the body of the source code where I wanted the You Tube video to appear. When I go to preview, there is nothing there. Should I :
- Actually upload to the site, before I'm able to view, or
- Should I be placing the code within a "media player" layout page , or "SWM" layout page, or a similar media layout, or
- Should I be using the code you used on your video just replaying the you tube code?
Appreciate your feed back.
Don't use my code, that's specific to the two videos embedded on my page.
You need to view the page in a web browser, not preview. In preview you only
see the placeholders, in a web browser you will be able to play the videos,
I haven't used any other code other that what was provided by Youtube. You
don't need any special layout, just place the Youtube code where you want it
to appear on the page.
Hope this helps.
Awesome!!! Worked out perfectly, thank you so much.
I don't mean to take advantage of your good nature, and willingness to help, but I do have a simular problem trying to insert the +1 button. Have you heard that Google is giving favorable ranking advantages if you use their +1 button which is the take-off of the Facebook Like button.
I would like to add the google +1 button to my Front page (Index page) having watched many "You Tube" videos it appears to be easy enough. Needless to say, I am not having any luck working it out.
The actual Google +1 code is prepared for you. http://www.google.com/webmasters/+1/button/
As instructed I placed: <g:plusone annotation="inline"></g:plusone> in the "source page" where I wanted the google +1 logo to appear on my web page,
Then I placed the below code within the header of the "Source" page"
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script'); s.parentNode.insertBefore(po, s);
I went back to the layout page, nothing, I went to preview, nothing, I even looked on the web browser, nothing.
Do you have any idea what I could be doing wrong??
Appreciate your help in advance, promise this is the last one.
Sorry Frasier, I haven't had any experience with that. Perhaps someone else
here will be able to give you advice.
Have you read through this page:
Europe, Middle East and Africa