Solved

embedding youtube videos in website

Posted on 2014-02-07
4
249 Views
Last Modified: 2014-03-07
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
Comment
Question by:rick81
4 Comments
 
LVL 9

Accepted Solution

by:
WebDevEM earned 500 total points
ID: 39841857
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
 
LVL 6

Author Comment

by:rick81
ID: 39843110
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
 
LVL 58

Expert Comment

by:Gary
ID: 39911956
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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Introduction The Google Maps API offers various ways to draw dynamic and static maps.  Using a combination of PHP and JavaScript, you can draw active JavaScript maps that allow pan-and-zoom in the client browser window.  You can also draw "static" …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

759 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now