YouTube is not playing inside the video tag

Below my code am tired like this . please help me out

<video width="100%" height="100%" controlsList="nodownload" controls autoplay> 
      <source src="https://www.youtube.com/watch?v=modDjwFWqxE"  type="video/mp4" >
 </video>

Thanks in advance

why not use iframe instead

Thanks for your response. iframe not supported in ionic

Where did you get that info from?

I get response from wordpress backend

iframe works very well in ionic

please can you give mean example on this

Try it

<iframe width="100%" height="360" [src]="https://www.youtube.com" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>