Autoplay youtube video Squeeze page for DUMMIES!
Hey guys, thought this may save some of you the time and headaches I went through!.....
Putting together my new product "How to make EASY £500-£1300+ IN-CASH... IN-A-DAY!"
I wanted to put up a simple video page to find out how much interest there was before putting it all together.
Now I managed to get the page up ok with the vid embedded,
BUT, having looked at some of the best performing video marketing pages I noticed they all started their videos playing as soon as the page opened, .......
but when you simply embed the code given from youtube, It does not "Automatically play"
Now I am not particularly HTML or tech savvy, I like things CLEARLY spelled out so I can understand.
So After I eventually figured it out, I made this Guide, so NEXT time I need to do it I can get it done Quick and easy!!!
So here's how I did it:
Take a look at the short tutorial vid
I use "serif web plus" to create my sites ( really user friendly) so all I actually need to embed a youtube vid is the vid identification code itself , eg: "cfWSy89iu1Y"
But for the purpose of this tutorial I will show how to grab the whole embed code from youtube, it's pretty straight forward.
go to the youtube page where your vid is,
> click "share"
> "embed"
>choose the size you want the vid box (420x315 / 480x360 etc )
Copy the hi-lited code.
Eg:
<iframe width="420" height="315" src="http://www.youtube.com/embed/cfWSy89iu1Y" frameborder="0" allowfullscreen></iframe>
Now that gives you an embedded video... BUT it doesn't "automatically play when the page is opened!
To fix that I just added a simple piece of code:
" ?&autoplay=1 " (without quotes!) immediately after your vid code (cfWSy89iu1Y)
Eg:
Before:
<iframe width="420" height="315" src="http://www.youtube.com/embed/cfWSy89iu1Y" frameborder="0" allowfullscreen></iframe>
After:
<iframe width="420" height="315" src="http://www.youtube.com/embed/cfWSy89iu1Y?&autoplay=1" frameborder="0" allowfullscreen></iframe>
Attachment 15489
> paste into body of your site:
>Save your project.
And that's It ! your video should now "Autoplay" when page is opened.
Hope it helps. Please leave a comment,
Take a look at it working in the link in my sig.
Cheers.
Steve
__________________
Putting together my new product "How to make EASY £500-£1300+ IN-CASH... IN-A-DAY!"
I wanted to put up a simple video page to find out how much interest there was before putting it all together.
Now I managed to get the page up ok with the vid embedded,
BUT, having looked at some of the best performing video marketing pages I noticed they all started their videos playing as soon as the page opened, .......
but when you simply embed the code given from youtube, It does not "Automatically play"
Now I am not particularly HTML or tech savvy, I like things CLEARLY spelled out so I can understand.
So After I eventually figured it out, I made this Guide, so NEXT time I need to do it I can get it done Quick and easy!!!
So here's how I did it:
Take a look at the short tutorial vid
I use "serif web plus" to create my sites ( really user friendly) so all I actually need to embed a youtube vid is the vid identification code itself , eg: "cfWSy89iu1Y"
But for the purpose of this tutorial I will show how to grab the whole embed code from youtube, it's pretty straight forward.
go to the youtube page where your vid is,
> click "share"
> "embed"
>choose the size you want the vid box (420x315 / 480x360 etc )
Copy the hi-lited code.
Eg:
<iframe width="420" height="315" src="http://www.youtube.com/embed/cfWSy89iu1Y" frameborder="0" allowfullscreen></iframe>
Now that gives you an embedded video... BUT it doesn't "automatically play when the page is opened!
To fix that I just added a simple piece of code:
" ?&autoplay=1 " (without quotes!) immediately after your vid code (cfWSy89iu1Y)
Eg:
Before:
<iframe width="420" height="315" src="http://www.youtube.com/embed/cfWSy89iu1Y" frameborder="0" allowfullscreen></iframe>
After:
<iframe width="420" height="315" src="http://www.youtube.com/embed/cfWSy89iu1Y?&autoplay=1" frameborder="0" allowfullscreen></iframe>
Attachment 15489
> paste into body of your site:
>Save your project.
And that's It ! your video should now "Autoplay" when page is opened.
Hope it helps. Please leave a comment,
Take a look at it working in the link in my sig.
Cheers.
Steve
__________________