<!--note: add &autoplay=1 to src and add property allow="autoplay" -->
<iframe
src="https://www.youtube.com/embed/lw3p6VqC-zI?&autoplay=1"
allow="autoplay"
>
</iframe>
<iframe id="existing-iframe-example"
width="640" height="360"
src="https://www.youtube.com/embed/-SFcIUEvNOQ?autoplay=1&mute=1&enablejsapi=1"
frameborder="0"
style="border: solid 4px #37474F"
></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/ZwKhufmMxko" frameborder="0" allowfullscreen></iframe>
since April of 2018 because Google decided to give greater control
of playback to users.
You just need to add &mute=1 to your URL.
<iframe
className="w-[95%] h-[80%] box-shadow"
src="https://www.youtube.com/embed/MkrNEj4RrbA?autoplay=1&mute=1"
title="YouTube video player"
frameborder="0"
allow="accelerometer;fullScreen; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;"
allowFullScreen
></iframe>
Code Example |
---|
Html :: open link in new tab html |
Html :: input suggestion off |
Html :: submit form on change |
Html :: html page back button |
Html :: how to center link in html |
Html :: Hello World HTML Code Example |
Html :: html display only on desktop |
Html :: html start |
Html :: google web fonts open sans |
Html :: fontawesome cdn |
Html :: a tag open in new tabn |
Html :: comment in html |
Html :: language list select html |
Html :: html ö |
Html :: radio button required |
Html :: tailwind css background image |
Html :: bootstrap column vertical align |
Html :: how to show other website inside my website |
Html :: html align text right |
Html :: Ion-img in center of screen |
Html :: open anchor tag in new tab |
Html :: basico html |
Html :: bootstrap 5 dropdown |
Html :: tailwind css link |
Html :: laravel old request html div add style |
Html :: hotjar how to exclude elements |
Html :: Website Navbar / Menu Links with Sub menu odoo |
Html :: html redirect |
Html :: tailwind custom inline shadow |
Html :: facebook seo meta tags |