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 ...

Labels:

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 👍
April 26, 2022 at 10:03 AM
Post a Comment

Popular posts from this blog

How to Get Free Unlimited Bandwidth and Storage Using jsDelivr and GitHub

How to Get Free Unlimited Bandwidth and Storage Using jsDelivr and GitHub Are you tired of paying for expensive content delivery networks (CDNs) and storage solutions for your web projects? Look no further! In this guide, we'll show you how to leverage jsDelivr and GitHub to get free unlimited bandwidth and storage. Whether you're a seasoned developer or just getting started, this solution will save you money and improve the performance of your web projects. What is jsDelivr? jsDelivr is a free, fast, and reliable CDN for open-source files. It provides a convenient way to serve your static assets (like JavaScript, CSS, images, and more) with the benefits of a global CDN, including faster load times and unlimited bandwidth. What is GitHub? GitHub is a popular platform for version control and collaboration. It allows you to host your code repositories and manage your projects with ease. By combining GitHub with jsD...
Post a Comment
Read more

Best VS Code extensions for developers in 2024

Here are some of the best VS Code extensions for developers in 2024, including a range of productivity tools, debuggers, and visual enhancements to streamline your coding workflow. Additionally, you'll find some popular themes to customize your editor's appearance. Top VS Code Extensions for Developers in 2024 Shade Theme by SH20RAJ Enhance your code readability with this well-designed theme, perfect for long coding sessions. Shade Theme Prettier A widely used code formatter that ensures your code is styled consistently across your projects. Prettier GitLens Provides rich visualizations and insights into your Git repository, helping you understand code changes and history. GitLens Auto Rename Tag Automatically renames paired HTML/XML tags, reducing errors and saving time. Auto Rename Tag Bracket Pair Colorizer Colors matching brackets to improve code readability, especially useful for complex nested structures. Bracket Pair Colorizer CSS Peek...
Post a Comment
Read more

Top 50 Useful Regex Patterns

Title: Mastering Regular Expressions in JavaScript: Top 50 Useful Regex Patterns Introduction: Regular expressions (regex) are a powerful tool for pattern matching and text manipulation in JavaScript. Whether you're validating user input, extracting data from strings, or replacing text, regex can streamline your coding tasks. In this article, we'll explore 50 useful regex patterns that every JavaScript developer should know. These regex patterns cover a wide range of common scenarios, from validating email addresses to parsing URLs and beyond. 1. Validating Email Addresses: const emailRegex = /^[ \w -]+( \. [ \w -]+)*@([ \w -]+ \. )+[a-zA-Z]{2,7}$/; 2. Validating URLs: const urlRegex = /^(https?: \/ \/ )?([ \d a-z.-]+) \. ([a-z.]{2,6})([/ \w .-]*)* \/ ?$/; 3. Validating Dates in YYYY-MM-DD Format: const dateRegex = /^ \ d {4} - \ d {2} - \ d {2} $/; 4. Validating Phone Numbers (US Format): const phoneRegex = /^ \ ( ?( \ d {3} ) \ ) ?[- ]?( \ d {3} )[- ]?( \ d {4} )...
Post a Comment
Read more

Random Posts