Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 272
  • Last Modified:

embedding youtube videos in website

Hi, i am trying to embed a youtube video in my website.  i need to have the video autoplay, loop, have the youtube controls removed and launch in full screen mode.  I have been mucking around with the code all day and cant seem to get it to launch in complete full screen or remove the youtube controls.  can anyone help out.  here is the code i have so far.

<html>
<body>
<div style="text-align:center">
  <iframe src="http://www.youtube.com/embed/2uy6_Pc8BUA?autoplay=1&loop=1&playlist=2uy6_Pc8BUA"
   width="100%" height="100%" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>
0
rick81
Asked:
rick81
1 Solution
 
WebDevEMCommented:
Hi,

There's a very detailed list of the options available from Google's developer website at https://developers.google.com/youtube/player_parameters#controls.  I added the "fs" and "controls" options to your code, and it seems like it's doing what you're looking for.  (Your code below, with the added options).

<html>
<body>
<div style="text-align:center">
  <iframe src="http://www.youtube.com/embed/2uy6_Pc8BUA?autoplay=1&loop=1&playlist=2uy6_Pc8BUA&fs=1&controls=0"
   width="100%" height="100%" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>

Open in new window

I hope this helps!

WebDevEM
0
 
rick81Author Commented:
Hi thanks for your help.  The controls are gone which is good but the video still doesn't start in full screen.  i'm not sure if this is possible with embedded youtube clips.

I can still see the address bar and browser.  I was hoping to have the clip open in complete full screen.  like it is if i double click on the clip

thanks
0
 
GaryCommented:
I've requested that this question be deleted for the following reason:

The question has either no comments or not enough useful information to be called an "answer".
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now