How To Disable Youtube Link In Embed
Updated: May 03, 2021
The New Watch-on-YouTube Button Volition Likely Annoy Lots of Website Owners
Information technology appears that YouTube (owned by Google LLC) has added more of their branding to embedded YouTube videos across the internet. If yous take e'er embedded a YouTube video on a website or weblog, go dorsum and accept a peek at your piece of work. Y'all're in for a surprise — and not a nice one, unfortunately.
While this is a pretty big bargain from an SEO standpoint (search engine optimization), there was no warning and there seems to be picayune or no information nigh information technology in YouTube's assistance center at the time of this writing or anywhere else on the web for that matter. This commodity is an attempt to rectify that.
In this article…
Sentinel on YouTube Button – What's the Outcome?
The consequence is YouTube/Google now adds a "Lookout on YouTube" push-link (some telephone call it a badge) which prompts users to essentially go out a website or blog where they found an embedded YouTube video and, instead, spotter it at YouTube.com.
As far equally I can tell, this button/badge was added sometime after ii/12/2021. I noticed information technology suddenly start showing up on the website of i of my clients for whom I had been embedding YouTube videos over the form of a few weeks.
Here is a screenshot of the Watch on YouTube button.
Screenshot showing the new "Watch on YouTube" button-link.
While Google has every correct to make changes to their products and services – especially free services like basic YouTube channels – it seems a bit less than ethical for them to invite web publishers across the planet to use their gratuitous video sharing service for well over a decade (Google acquired YouTube in 2006) and and then suddenly introduce a push-link that volition effectively hijack a per centum of the viewer traffic that otherwise would have remained on the publisher's website or blog.
New Branding Not Very Modest
As you can see in the screenshot shown to a higher place (Showroom i), YouTube/Google positioned their new Spotter on YouTube push-link quite prominently. No one is going to miss that. It displays on the thumbnail comprehend prototype until the user either clicks/taps the start button in the center of the video or clicks/taps the Watch on YouTube button in the lower left. The latter, of course, will accept the user away from the publisher's website to YouTube.com, probably in many cases never to return to the publisher's website.
The Watch on YouTube button is and then prominent that some users may perceive information technology equally an instruction rather than an optional prompt and click/tap it thinking that's what they need to do to lookout man the video.
In 2011, YouTube/Google introduced the modestbranding parameter enabling publishers to remove the clickable YouTube logo from the command bar of the embedded video player. (The modestbranding parameter is a dissever event from the "Lookout man on YouTube" button/link.) The modestbranding parameter simply needs to be appended to the stop of the URL in the HTML code and prepare to one (i.eastward., modestbranding=1) to remove the YouTube logo from the control bar. The modestbranding parameter has no effect on the newer "Scout on YouTube" button.
Considering that YouTube/Google fabricated the modestbranding parameter bachelor a decade ago, information technology seems reasonable to assume they were sensitive to the fact that some publishers might want to remove the clickable YouTube logo to reduce the potential for users to navigate away to YouTube.com.
So, that begs the question Why, suddenly 10 years afterwards, would YouTube/Google implement such an aggressive "boosted" layer of branding clearly intended to take hard-earned traffic away from video publishers?
Adding salt to the wound… the Watch on YouTube push button is and so large, publishers have pointed out that, in some cases, it covers important visual aspects of the thumbnail image (static image shown before the video begins.)
Confusion Between the New Sentinel on YouTube button and the YouTube Logo in the Command Bar
This issue can be disruptive considering there are now two dissimilar buttons/links containing the YouTube logo in the YouTube embedded video role player. The newer one, and the focus of this commodity, is located in the lower left corner of the video equally shown in the screenshot above (Exhibit 1). The other is the normal YouTube logo located in the lower correct-hand corner of the video in the video command bar every bit shown beneath (Exhibit ii).
Screenshot of the YouTube logo in the video control bar. This logo in this location has been displayed by default for years and can be removed with the modesbranding=ane parameter.
In researching the Watch on YouTube push button-link issue, I found some defoliation in the few blogs and forum posts currently addressing this newer upshot. Hither is an example in a support forum at WordPress.org. The creator of the postal service clearly explained that they want to know how to remove the "Watch on YouTube" button located in the bottom left of their video. However, if you coil down to the post authored by roam92, the modestbranding=1 parameter is offered every bit the solution. However, as explained to a higher place, that just removes the YouTube logo in the lesser correct corner, in the control bar. Information technology does not remove the new "Watch on YouTube" button in the lower left. Hence, no real solution was provided in this thread yet the issue is marked resolved. (…?)
How to Remove Watch on YouTube Button — Ii Methods
Method #ane: Apply the Controls Parameter
To exist clear, this first method is not platonic considering it results in a YouTube logo (also referred to as a watermark) appearing in the lower right-hand corner, see Exhibit three, below. (Not to be confused with the logo that appears in the video control bar, meet Exhibit 2, higher up.) The fact is, the developers at YouTube/Google have things pretty well locked downward. One way or some other they are going to brand their products. It seems to exist a question of how obtrusive they're going to be.
You tin can remove the Scout on YouTube button by removing the video command bar with the controls parameter. Like the modestbranding parameter, the controls parameter needs to exist appended to the stop of the URL in the HTML code. Only in this case, it needs to be fix to nada (i.due east., controls=0).
VIDEO CONTROLS PARAMETER
This parameter indicates whether the video actor controls are displayed:
controls=0 – Thespian controls do non display in the role player.
controls=1 (default) – Thespian controls display in the player.
Source: https://developers.google.com/youtube/player_parameters#controls
Unfortunately, as you might expect, removing the control bar eliminates useful controls such as airtight captions, full-screen mode, and playback speed. Nevertheless, losing admission to the control bar is probably the bottom of the evils for most website owners.
The screenshot below (Exhibit three), shows how removal of the video control bar results in a YouTube logo (watermark) being displayed in the lower right corner. (Yet another YouTube logo! While in a similar location, this is non the logo unremarkably displayed in the video control bar since the control bar is gone in this instance.)
Fortunately, the watermark is a bit more than discreet than the "Watch on YouTube" button/bluecoat and, nearly importantly, it does non prompt the user to navigate away to lookout the video at YouTube.com. This logo fades away after the first few seconds of playback but reappears if the video is paused.
Screenshot subsequently the control bar is removed with the controls=0 parameter. This parameter setting also removes the new "Watch on YouTube" push merely, while less obtrusive, information technology results in a YouTube logo (watermark) displayed in lower right-hand corner.
Embed Code Instance
The following is an case of YouTube embed code with the controls parameter gear up to zero (0) effectively disabling the Sentinel on YouTube push button. The controls parameter is appended to the cease of the URL and must be preceded by a question mark.
Screenshot showing controls parameter prepare to nil
Code with controls parameter fix to zero
<iframe width="560" top="315" src="https://www.youtube.com/embed/Z13-yP3Zhns?controls=0" title="YouTube video player" frameborder="0" ></iframe>
So, every bit yous can come across in the above embed-lawmaking example, the controls=0 parameter is what removes the "Sentry on YouTube" button in this solution – Non the modestbranding parameter. The modestbranding parameter is not fifty-fifty used hither. Information technology'southward irrelevant because the controls parameter disables the video control bar which is where the original YouTube logo resides. Then, if the video command bar is disabled, then is the YouTube logo within it.
Method #two: Remove Sentinel On YouTube Button by Limiting Video Size
Interestingly, the size of an embedded YouTube video determines whether the new Watch On YouTube button will be displayed. When I say size, I am referring to the iframe dimensions in the embed code. Typically, for me, that's 560w 10 315h based on the size of the videos I normally upload to YouTube. Your iframe dimensions may be different but very likely are larger than 514w x 289h.
Videos with an iFrame size of 514w 10 289h or Smaller DO NOT Show the Sentry on YouTube Button
Showroom 4, below, is an actual embedded video, not a screenshot. The Sentry on YouTube push button does not announced in this instance because the video size (the iframe size) was limited to a maximum width of 514px.
In other words, if you are familiar with HTML/CSS, I wrapped the embed code within an HTML container div (class="vid-container") and used the max-width property with a value of 514px. That'due south smaller than YouTube'south more typical 560 pixel width and only enough to avoid the Spotter on YouTube button.
In addition, the modestbranding parameter was added and set to one (i) to disable the YouTube logo that unremarkably appears in the video control bar in the lower correct corner. Since Exhibit four is an bodily video, you tin can click/beginning it to confirm this.
Exhibit 4
The video embedded in a higher place does Non testify the Watch on YouTube push because the iframe size (max-width: 514px) has been reduced from YouTube'due south more typical embed code width of 560px. Besides, the YouTube logo which unremarkably appears in the video control bar in the lower right corner is disabled because the modestbranding parameter was added.
Videos Larger Than 514w x 289h Practise Prove the Watch on YouTube Button
In contrast, in the next example (Exhibit 5), using the same embedded YouTube video as above (Exhibit four), the Watch on YouTube button is displayed (if you're on a desktop) because the HTML container div (class="vid-container") is set at a wider max-width value of 560px, which is one of the standard widths used in YouTube's default embed code. If you are reading this on a smartphone, you will need to modify to landscape mode (which volition increase your screen width) to see the Watch on YouTube button prove up in Exhibit 5. This is discussed in more particular beneath.
Maintaining an aspect ratio of xvi:9 as recommended by YouTube/Google, based on my testing, 514w ten 289h is the largest iframe size that can be used if your objective is to avoid showing the Sentry on YouTube button — annihilation larger volition trigger it.
Exhibit 5
Embedded video shows the Watch on YouTube button-link on screens wider than 514px because the iframe size is immune to expand to YouTube's standard width of 560px.
Y'all tin can easily, independently verify this. If yous are using a desktop estimator, bring upwardly a spider web page containing an embedded YouTube video that defaults to a standard YouTube width of 560px or larger — from any website. Avoid videos that have been reduced to a smaller thumbnail size. (Here are some random examples showing the Watch-on-YouTube push as of this writing: example i, example 2, example 3.)
Side by side, resize the width of your browser window to roughly the width of a smartphone. It doesn't need to exist verbal but roughly a width of 400 pixels or smaller. And then clear your browser cache and refresh the page. You volition see that the Watch on YouTube button disappears.
If yous happen to exist reading this article on a smartphone, yous can still independently verify this miracle. Every bit in the desktop test, bring upwards a page with an embedded YouTube video (you can use one of the links to the examples higher up) with your smartphone in portrait style, not landscape. Don't play the video, only view the page. The Spotter on YouTube button should NOT be displayed. (You may demand to clear browser cache if you lot've previously viewed this page. )
Next, view that same folio with the embedded YouTube video in landscape mode on your smartphone. Don't play the video, merely refresh your browser and you should come across the Lookout man on YouTube button announced. That'south because the video width now exceeds 514 pixels. (If this did not work for you, you may need to clear your browser cache. Using Safari on my iPhone 12, I did non need to clear cache.)
Finally, if you lot hold your phone upright over again and go dorsum to portrait mode and refresh your browser again, the Sentinel on YouTube button will disappear. Hence, when it comes to the Sentry-on-YouTube push, size matters.
CodePen with CSS/HTML for Fugitive the 'Scout on YouTube' Button
Toggle the tabs to see the CSS or HTML code.
See the Pen
How to remove the new 'Spotter on YouTube' push button from embedded videos past Render Visions Consulting (@rendervisions)
on CodePen.
Showroom 6
The above CodePen shows the HTML and CSS used to avoid having the Watch on YouTube push button-link show on embedded YouTube videos. Toggle the tabs to bear upon what is displayed in the CodePen window. In the CSS, yous will run into that the video width has been limited to 514px, which is the key.
If you click on the HTML tab in the upper left corner of Exhibit half dozen, above, you lot will encounter that the iframe was wrapped in ii divs. The outermost div was given a class called "vid-container." The inner div was given the form "vid-wrapper." Besides, the width and height of the iframe were both inverse to 100% (from the original values in the YouTube embed code.) This change to the iframe dimensions allows the video to exist responsive and adapt to whatever screen size a viewer uses.
Next, if yous click on the CSS tab in Exhibit 6, yous will meet that the outermost div, vid-container, is used to limit the width to 514px and center the video on the spider web page.
The inner div, vid-wrapper, is used to retain the video'south aspect ratio of 16:9.
Finally, the CSS practical to the iframe ensures that the iframe is properly positioned within its parent div.
CodePen with YouTube Embed Code (iframe) using Default Size of 560 x 315 → 'Watch on YouTube' Button Appears
In Showroom seven, beneath, the size of the YouTube video was kept at the normal/default width of 560px. No CSS or HTML has been added. Notice that the 'Watch on YouTube' push button appears in all instances. That's because, without the necessary HTML/CSS code, the video is not responsive – the width never shrinks enough to force the Watch on YouTube button to disappear.
See the Pen
YouTube Embed Code using Default Size of 560 10 315 — 'Lookout man on YouTube' Button Appears by Render Visions Consulting (@rvc2)
on CodePen.
Exhibit vii
The to a higher place CodePen includes the YouTube embed code exactly as copied from YouTube.com with no HTML or CSS added. Because of the larger video size (past default), the Sentry on YouTube button link appears. Click the HTML tab to brandish the code in the CodePen window.
Best Solution for Removing the Lookout On YouTube Button
If you don't mind limiting the size of your embedded videos slightly to 514w 10 289h, this 2nd method is the better solution for removing the Watch on YouTube push. That'due south because with method #two y'all still have the video controls (captions, volume, playback speed, etc.) available for the user and you lot can employ the modestbranding parameter to remove the YouTube logo that ordinarily appears in the video control bar.
Caution: If You Are Considering the "sandbox" Aspect, That Will Only Disable the Lookout man on YouTube Button-link, It Won't Remove Information technology
If you have searched the web for remove lookout on youtube embed or youtube embed remove lookout man on youtube or something similar, there's a skillful run a risk you have come across more than 1 spider web post promoting the "sandbox" as a solution. I have non recommended this as a solution in this article because the sandbox does non remove the Watch on YouTube button, it only disables it.
In fact, it can disable all links including your clickable flick (or logo, in the upper left corner of an embedded video) which allows viewers to subscribe to your YouTube channel. It tin besides disable the Facebook and Twitter share buttons depending on browser used, i.eastward., Firefox, in my testing.
Click/tap the various links in Exhibit 8, below, to run into the effect of the sandbox aspect.
Run into the Pen
Disable 'Watch on YouTube' Button by Disabling All Links in Embedded YouTube Videos past Render Visions Consulting (@rendervisions)
on CodePen.
Exhibit 8
This CodePen is using the same YouTube embed code every bit Exhibit 7 but with the sandbox attribute added (with the appropriate permit values). Links are disabled – non removed. Click the HTML tab to view the code.
To be clear, this article is focused on how to remove the Watch on YouTube push, non how to disable information technology. Using the sandbox attribute to simply disable the Watch on YouTube button-link forth with other links can be disruptive to your site-visitors resulting in a less than optimal user feel.
SEO (Search Engine Optimization)
I think its fair to say that this new "Watch on YouTube" button will by and large accept a negative influence on the SEO value of many websites and blogs across the web. Site owners, web designers and marketers have been embedding YouTube videos for years to increase user date and meliorate the ranking power of their spider web properties. Many, if not most, will not take the fourth dimension to go dorsum and tweak the embed lawmaking to remove this new predatory button-link.
Over fourth dimension, as web users choose to take advantage of the Watch on YouTube push button, SEO related metrics such as time on page and average session durations volition likely subtract for site owners who have embedded lots of YouTube videos on their web pages. YouTube/Google will essentially be cannibalizing the traffic of many of the YouTube publishers who helped make YouTube the monstrous success it is. What always happened to Don't be evil?
Your Thoughts
I hope this helps analyze this issue; particularly the divergence between the new "Spotter on YouTube" button and the pre-existing YouTube logo which has been located in the YouTube video-command bar for years.
Bottom line, this new more than aggressive layer of branding is non a good affair for website owners, designers and digital marketers who accept spent fourth dimension and effort over the years embedding YouTube videos.
What are your thoughts? Do you consider this traffic-building tactic past YouTube/Google as predatory? How are you lot dealing with it? Do you have an culling solution for disabling it or are you thinking virtually using a different video-sharing service? Exit a comment below.
Source: https://www.seobyrvc.com/how-to-remove-watch-on-youtube-button/
Posted by: aquinowassent.blogspot.com
0 Response to "How To Disable Youtube Link In Embed"
Post a Comment