Embedding Youtube Videos with hidden control and progress bar

• 

  jrdnwlkns · Member · May 1, 2015 at 6:15 pm

  • Copy link
  • Add topic to favorites

  I have embedded a youtube video into my website, and I’m having a few troubles with it.

  First of all, I cannot get the video to autoplay.
  second, I can hide the info and control bars, but cannot keep them hidden when the mouse hovers over the video in progress. I do not want viewers to be able to fast forward or rewind or be able to see how much of the video is left.

  Is it possible that wordpress has not been updated to function with certain html code commands, or am I typing them wrong?

  Here is an example of the coding I’m using (Minus the actual video ID):

  <iframe width=”1280″ height=”720″ src=”http://www.youtube.com/embed/EXAMPLEVID1?&rel=0&fs=0&autoplay=1&start=601&showinfo=0&disablekb=1&modestbranding=1&controls=0&hd=1″ frameborder=”0″ allowfullscreen></iframe>

  The blog I need help with is: (visible only to logged in users)

• 

  thatrobyn · Member · May 1, 2015 at 8:24 pm

  • Copy link

  Hey there!

  YouTube videos cannot be setup to autoplay on WordPress.com sites.

  Also, instead of the iFrame code, you’ll want to follow these steps for adding your YouTube embed:
  https://en.support.wordpress.com/videos/youtube/

  The controls cannot be hidden on a WordPress.com site. If this is very important to you, you may consider self-hosting a WordPress.org site. This will give you access to plugins that MAY give you the functionality you desire.

  Here is information about the difference between WordPress.org and WordPress.com:
  http://en.support.wordpress.com/com-vs-org/

  Sorry I can’t be more helpful with your requests. If you have any other concerns I can address, please do let me know. Many thanks.