Custom YouTube BBcode <object> doesn't allow to watch full screen

Question

I want to create custom BBCode for Youtube that will allow the user to open a full-screen video on my website. When I hover over a "full-screen" button it says:

full screen is unavailable

I tried to add these attributes to my code: frameborder="0" allowfullscreen, and some other combinations, but to no avail.

 <object width="596" height="335">
     <param name="movie" value="https://www.youtube.com/v/WPni755-Krg">
     </param>
     <embed
         src="https://www.youtube.com/v/WPni755-Krg"
         type="application/x-shockwave-flash" width="596"
         height="335">
     </embed>
 </object>

Can you post the relevant code? It will make it much easier to answer your question. — fin444
– fin444, Commented Mar 27, 2019 at 5:32
@fin444 I posted the relevant code, can you please take a look — Smack
– Smack, Commented Mar 28, 2019 at 15:30

fin444 · Accepted Answer · 2019-04-02 15:53:51Z

1

The issue is in the code you used to embed the video. Instead of using the built-in embed feature from Youtube, you attempted to add it to the page as a .swf using <object>. This code should work properly:

<iframe width="560" height="315" src="https://www.youtube.com/embed/WPni755-Krg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

answered Apr 2, 2019 at 15:53

fin444

7472 gold badges14 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Smack Over a year ago

If I can ask one more thing, I had try the same code with Twitch but It's doesn't work. '<iframe width="560" height="315" src="player.twitch.tv/?channel={playhearthstone}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>'

fin444 Over a year ago

dev.twitch.tv/docs/embed (why are you trying to embed the HCT?)

Collectives™ on Stack Overflow

Custom YouTube BBcode <object> doesn't allow to watch full screen

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related