Can I embed YouTube in a WebOS app?

Web App Development
1

I have a web application in which I embed a youtube video.

<object width="1152" height="648">
    <param name="allowFullScreen" value="true">
    <param name="allowscriptaccess" value="always">
    <param name="movie" value="https://www.youtube.com/embed/HOsOTaXUg7c">
    <embed src="https://www.youtube.com/embed/HOsOTaXUg7c" width="100%" height="100%">
</object>

This code works perfectly in the browser, however on the WebOS simulator, the same code results in a Video Unavailable:

Screenshot from 2023-03-07 20-37-11
Screenshot from 2023-03-07 20-37-11796×466 9.21 KB

How to I make this video work on a WebOS TV?

2

Opening https://www.youtube.com/embed/HOsOTaXUg7c in PC Chrome browser shows the same error. Please try another video. Thank you.

3

This video URL type is mean for embedding, in accordance with YouTube’s embedding instructions. So you have to open it using an object or an iframe, like I showed in my code snippet.

You can see it working in this JSFiddle.

In the meanwhile, I tested it on my TV, and it doesn’t work there as well. Any idea why?

4

For anyone else experiencing this, this happens because YouTube won’t allow embedding videos in a page with a file:// protocol, which is the case for a basic WebOS app.

Some possible solutions are:

  1. use a hosted app
  2. use a proxy iframe to load the video. I created a basic example here and it allows you to pass in a video ID and load it from any page.