How to hide youtube video controls

Hi, I would like to embed my video in my website and at the same time, want to hide the player control (especially the time frame bar so that viewers cannot fast forward.) Anyone has ideas on how to achieve this? Appreciate any help, thank you.

The easiest way might be to use the HTML5 <video> element, and just not include any controls, but rather just “autoplay” (if you really want to annoy your users :smiley: ):

<video autoplay poster="video.jpg">
  <source src="video.mp4" type='video/mp4'>
  <source src="video.webm" type='video/webm'>
</video>

A better option would be to use a custom script with the video, like video.js, which will offer you more options over which controls to include and which to exclude.

Thank you so much!

As I’m using wordpress, do you know is there any plugins that has this feature?

Personally, I don’t like plugins, but if you google “html5 video wordpress plugin” there seem to be lots of useful results. :slight_smile:

Thank you again!

I use the VideoJS plugin. It’s stable and updated regularly. I can recommend it.

It’s also quite easy to make it responsive if this is important for you.

Hi Pullo,

Can I embed youtube video via videoJS Plugin? Thank you for your comment!

Probably, as you have to enter the location of the video file (so why not YouTube).
However, if this is what you want to do, there are better tools for the job:
https://www.google.de/search?q=embed+youtube+video+plugin+wordpress

HTH

As of wordpress 3.6 there will be built in media support. 3.6 isn’t horribly far off – it is already in beta.

For youtube videos you can probably tweak the player a bit using the embed specifications. Check their developer site for details.

Indeed you can. You can set playerVars in the second parameter of YT.Player: https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player