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

How to Add a VS Code Editor to Your Website

How to Add a VS Code Editor to Your Website The Monaco editor by Microsoft provides a code editor component that can be easily integrated into websites. With just a few lines of code, you can add a full-featured editor similar to VS Code in your web app. In this tutorial, we'll see how to do just that. Getting Started To use Monaco, we need to include it in our page. We can get it from a CDN: < script src = "https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.23.0/min/vs/loader.min.js" > </ script > This will load the Monaco library asynchronously. Next, we need a <div> in our HTML where we can instantiate the editor: < div id = "editor" ></ div > Now in our JavaScript code, we can initialize Monaco and create the editor: require .config({ paths : { 'vs' : 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.23.0/min/vs' }}); require ([ "vs/editor/editor.main" ], function ( ) { const ...

10 Free GitHub Copilot Alternatives for VS Code in 2024

10 Free GitHub Copilot Alternatives for VS Code in 2024 As developers, we're always on the lookout for tools that can help us write code more efficiently. GitHub Copilot has been a game-changer in this regard, but its premium pricing may be a deterrent for some. Fortunately, there are several free alternatives available that offer similar functionality. In this article, we'll explore 10 of the best free GitHub Copilot alternatives for Visual Studio Code in 2024. Comparison of Free GitHub Copilot Alternatives Tool Language Support Auto-Completion Code Generation Code Explanation Bito Python, JavaScript, TypeScript, Java, C#, C++, Go, Ruby, PHP, Swift, Kotlin, Rust, Scala ✓ ✓ ✓ Tabnine Python, JavaScript, TypeScript, Java, C#, C++, Go, Ruby, PHP, Swift, Kotlin, Rust, Scala ✓ ✓ ✗ Amazon CodeWhisperer Python, JavaScript, TypeScript, Java, C#, C++, Go, Ruby, PHP ✓ ✓ ✗ Codeium Python, JavaScript, TypeScript, Java, C#, C...

Top React UI Libraries ๐ŸŒŸ

๐ŸŒŸ The Ultimate Roundup of Top React UI Libraries for Your Next Project! ๐Ÿš€๐ŸŽจ Hey there, React wizards! ๐Ÿช„✨ Ready to take your frontend game to the next level? Let's dive into an even broader spectrum of incredible React UI libraries that'll make your interfaces shine like never before! ๐Ÿ’ป๐ŸŒˆ 1. Tremor UI ๐ŸŒŠ ๐ŸŒŸ Tremor UI is a rising star in the React UI galaxy! ✨ It offers a sleek and modern design language, perfect for crafting stylish buttons and more. ๐Ÿ”˜๐ŸŽจ With Tremor, you can effortlessly create eye-catching user interfaces with its intuitive API and customizable components. ๐Ÿช„✨ Key Features : Modern Design Aesthetic Easy Customization Focus on User Experience 2. Radix UI ๐ŸŒฑ ๐ŸŒŸ Radix UI is all about building accessible, powerful components for React. ๐Ÿ› ️๐Ÿ”ฉ From modals to tooltips, Radix UI provides a solid foundation for creating interactive and user-friendly interfaces. ๐ŸŒ๐Ÿงก Dive into Radix ...

Random Posts