Solved

embedding youtube videos in website

Posted on 2014-02-07
4
254 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
html form layout 4 53
Telerik RadEditor Control Save 8 40
Do I need to force my browser to see my new Favicon 4 50
Expanding/Collapsing Tree on SharePoint List 29 68
Find out what you should include to make the best professional email signature for your organization.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

710 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