Remove youtube link from embedded video
It's good to have the logo and respects brands rights.Some brands spending huge efforts to provide the media not for a 5 min.I guess YouTube don't want you to do this otherwise they would allow that at their front end.To date: Seeing a lot of searches and suggestions to disable YouTube logo and branding from an embedded video I recommend you consider the following: That's how it could look like with custom controls In my case I use JS to destroy iframe after video is finished so user couldn't see youtube's offer with another videosĪlso important note: since iOS 12.2 is replacing Youtube's player by their own, width and height calculation should be done in constructor(in case of React) because iOS player arrival cause page resize ->possible width&height recalculation-> video rerender -> video pauseĪ disadvantage of this solution is that it stretches image placeholder. If you want fullscreen than you should hide it outside screen visible zone and set overflow to hidden Height of header and footer could be calculated as: iframeHeight - (iframeWidth * (9 / 16))) / 2. Hide youtube's info under your header and footer with an absolute position at top and bottom of iframe wrapper element. In iframe parameters set height = width * 1.7 (or other multiplicator) Make iframe higher than real video height.
Remove youtube link from embedded video how to#
Here is my tricky solution how to hide EVERYTHINGīefore you start you should realize that all youtube's info are sticks to the top and bottom of iframe(not video, that's important) Since August 2018 showinfo and rel parameter doesn't work so answers which recommend to use them no longer works and modestbranding do not remove all logos If controls = 0, then the modestbranding param is ignored and the YouTube logo is bigger, is on the video still image as a grayscale watermark in the lower right, the watermark appears on hover of a playing video, and the watermark appears in the lower right of any paused video. If controls = 1 and modestbranding = 0 (our change here), then the YouTube logo is smaller, is not on the video still image as a grayscale watermark in the lower right, and shows only when the controls are exposed as a white icon in the lower right. If controls = 1 and modestbranding = 1, then the YouTube logo is bigger, is on the video still image as a grayscale watermark in the lower right, and shows when the play controls are exposed as a big gray scale watermark in the lower right. All you get to do is choose how and when you want the logo to appear. There is no way to remove YouTube's logo from an embedded YouTube video, at least while the video controls are exposed. It turns out this is either a poorly documented, intentionally misleading, or undocumented interaction between the "controls" param and the "modestbranding" param. Showinfo is deprecated and will be ignored after September 25, 2018: There is still a small logo on the bottom left. You can find all options on the Google Developers website. If you set the parameter value to 0, then the player will not display information like the video title and uploader before the video starts playing. Showinfo (supported players: AS3, AS2, HTML5) Note that a small YouTube text label will still display in the upper-right corner of a paused video when the user's mouse pointer hovers over the player. Set the parameter value to 1 to prevent the YouTube logo from displaying in the control bar. This parameter lets you use a YouTube player that does not show a YouTube logo. Modestbranding (supported players: AS3, HTML5) You can add ?modestbranding=1 to your url.