Geek Answers Handbook

Removing the play on youtube overlay on embedded videos

Is there a way to use the “Play on YouTube” button that overlays the videos when they are embedded? I learned how to use the YouTube chromed player, but couldn't find a way to remove the overlay. Has anyone tried or heard of a way to do this?

+9
youtube youtube-api youtube-javascript-api
source share
7 answers

The three parameters that I found useful are the following:

showinfo=0 controls=0 autohide=1

showinfo=0 make sure the video does not display a caption at the top of the video frame. controls=0 hides the bottom panel with the play button, volume, etc. autohide=1 hides controls until you hover over them, which is probably the most useful.

All white papers are here .

+20
source share

I believe this is not possible. Thus, the only way to hide the "Play" button is to place a video image above the video that can be retrieved from YouTube, as shown below. Each YouTube video has 4 generated images. They are predictably formatted as follows:

 http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

But as soon as you add an overlay, tapping on the screen instead of control will not play the video, for this add the following jQuery that plays the video

 jQuery('#overlay').click(function(){ jQuery(this).hide(); jQuery('#youtube_id').get(0).playVideo(); });
+14
source share

The most voted answer works well now! (Compare 9 '' 15) You must put

  • Parameters &showinfo=0&controls=0&autohide=1 Only after the source code of the video
  • and without line break in src = "..."

I think you almost missed the above cases.

Following is my sample code.

 <div> <iframe id="bgVideo" width="800" height="480" frameborder="0" allowfullscreen src="//www.youtube.com/v/j-EQgzyoXMk&autoplay=1&loop=1&playlist=j-EQgzyoXMk&showinfo=0&controls=0&autohid=1"> </iframe> </div>

It means ... don't do it,

 <iframe src="..." showinfo="0" controls="0" autohide="1" ...></iframe>`

or like that

 <iframe src="//www.youtube.com/v/... &autoplay=1 &showinfo=0 &controls=0 &autohide=1 &...></iframe>

and my screenshot of the result is an example.

(I could not post the images because of my reputation ... See here: http://i.stack.imgur.com/zC5lz.jpg )

Do not forget!

  • Parameters &showinfo=0&controls=0&autohide=1 Only after the source code of the video
  • and without line break in src = "..."
+3
source share

Cannot delete play button using YouTube player. Listen to three workarounds for this

1: auto play video

2: add your own overlay using the custom button on the player using the click button, then process the playback and pause the video using javascript

3: extract the URL of the video content (against the youtube policy, but it works and may be interrupted at any time in the future)

embedd url:

 http://www.youtube.com/embed/VIDEO_ID?autoplay=1&showinfo=0&modestbranding=1&wmode=transparent&controls=1&color=white&rel=0&enablejsapi=1&playsinline=1&&version=3&theme=light&autohide=1&egm=0&showsearch=0&loop=1&playlist=VIDEO_ID"

The above URL will automatically play the video, if you use HTML 5, it will not automatically start by default. For this you need to use javascript to automatically play the video.

One more thing: as soon as the video ends, it again displays the Play button and Video info button . As far as I know, this is inevitable.

+2
source share

UPDATE:

You tried to use the player parameter "modestbranding", see https://developers.google.com/youtube/player_parameters

Example: http://www.youtube.com/v/lT0ReYP3fDA?version=3&controls=0&modestbranding=1&showsearch=0

Removing the "play on youtube" cover manually is against the Terms of Service.

Your API client will not, and you will not encourage or create features for your users or third parties: change, replace or otherwise disable the operation of links on YouTube or third-party websites presented in YouTube search results, or otherwise provided through YouTube API or YouTube Player API

This is not well documented, but if you violate the Terms of Service, in any case, Youtube may flag the blacklist of your site. What happens, basically, each video will return error code 105 and stop working. This happened with a site that I worked on once, and it was not easy to contact Google to cancel the blacklist (after the changes coincided with ToS again).

0
source share

2017 Answer:

If you mean the YouTube logo in the lower right corner, this can be removed using the info parameter:

 showinfo=1

Of course, this leads to the fact that other information is also displayed (for example, the name of the video), which may be undesirable. However, the logo is hidden! :)

0
source share

Unfortunately, on August 19, 2015, the autohide attribute autohide officially deprecated. You can no longer remove the play button without using a modest amount of JavaScript.

The same can be found here https://developers.google.com/youtube/player_parameters#autohide

0
source share

More articles:


All Articles