Skip to main content

How To Remove YouTube Information From Embedded Videos

How To Remove YouTube Information From Embedded Videos


Video Documentation :- With Used modestbranding=1 (Without Logo) 



 Have you ever embedded a video on your website, then found you wanted to remove the YouTube branding or other videos at the end? You can control this by adding parameters (i.e. passing information) to the end of the URL of the video.

What Parameters To Use

rel=0

This shows only related videos from the same channel as the video that was just played. Otherwise, YouTube will display any relevant, public video at the end of your video.

controls=0

This hides the controls at the bottom of the video player.

modestbranding=1

This hides the YouTube logo in the control bar (which would appear at the bottom of the video).
Note: if you use this and controls=0, you'll still see "YouTube" in the bottom right where the controls would be.

autoplay=1

This will automatically start playing the video.

loop=1

This will automatically replay the video once finished.

How to Use YouTube Parameters

  1. On YouTube, locate the video you want to embed and copy the provided embed code.
    • Click the “Share” button and then click “Embed”.
    • Copy the code.
       
  2. Paste your code into your WYSIWYG editor, and then append with the parameter(s) you want to use.
    • If you’re not used to code or HTML, this may seem daunting, but fear not! Look for “src=”. You’ll see what follows is a URL 
      • EX: “src=http://www.youtube.com
    • At the end of the URL, type “?” then the parameter + value you want to add
      • EX: “src=http://www.youtube.com?rel=0
    • If you want more than one parameter, after the previous parameter just add “&” and then the next parameter.
      • EX: “src=http://www.youtube.com?rel=0&controls=0

Queries Solved :- 1. How To Remove YouTube Information From Embedded Videos 2. AutoPlay YouTube Embedded Video. 3. How to hides the controls at the bottom of the youtube video player. 4. How to show same channel videos in related container




Chats During Video Making ...

Comments

Sh said…
You can also use custom YouTube embed video player i.e. plyr.io player, mediaelements.js player, etc .

Video doc on CXDI - Serve Technology YouTube Channel 👍

Popular posts from this blog

Top Free APIs Every Developer Should Know About

Top Free APIs Every Developer Should Know About In the world of software development, APIs (Application Programming Interfaces) are essential for integrating various functionalities into applications. Here’s a curated list of top free APIs categorized by their functionality: 1. Weather APIs OpenWeatherMap API : Provides current weather data, forecasts, and historical weather data for any location. Weatherstack API : Offers real-time weather information, including forecasts and historical data. 2. Maps and Geolocation APIs Google Maps API : Enables integration of interactive maps, geocoding, and route optimization. Mapbox API : Provides customizable maps, navigation, and location search capabilities. 3. Finance and Stock Market APIs Alpha Vantage API : Offers real-time and historical equity and cryptocurrency data. Yahoo Finance API : Provides access to financial news, stock market data, and por...

Google Drive Proxy Video Player - Bypass Limits - JW Player - Embed drive videos

GooDrive :- https://goodrive.stream/ Google Drive Proxy Player #1 :- https://youtu.be/9VQK8W2iUkg Dev.to Article

Plyr.io Video Player - Integration - Skin Customizing - Adding Download Button

Plyr.io Video Player - Integration - Skin Customizing - Adding Download Button See the Pen Plyr.io Video Player - Skin Customizing to pink by SH20RAJ ( @SH20RAJ ) on CodePen . Integration :-  or Get Plyr CDNS From CDNJS Plyr <!-- Docs styles --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/CDNSFree2/Plyr/plyr.css" /> or Use CDNJS for CDN <link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.7/plyr.min.css" /> <!--Add a Simple HTML5 Video tag--> <video controls data-poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg" class="vid1"> <!-- Video files --> <source src="https://rebrand.ly/sample-video" type="video/mp4" size="576" /> </video> <script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.7/plyr.min.js"...

Random Posts