Including a HTML video in a Component class

Flow
1

Hi, so I’m trying to make my webpage play a video. The way that I have approached this is by creating a class as following:

@Tag("video")
@HtmlImport("path/video.html")
class Video extends Component {
    Video() {}
}

Now, video.html simply consists of

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <video width="420" height="420" autoplay controls>
            <source src="path/jelly.mp4" type="video/mp4">
        </video>
    </body>
</html>

In my main layout I then call add(new Video()).

My problem is that nothing is showing (well except that it’s creating an empty video tag in the layout div) and I can’t figure out what I’m missing. Also I fail to find any documentation on how to just include simple HTML elements like this, so I’m hoping to get some answers here…

2

I’m running into the same issue. Would really appreciate any help, or a working example!

3

Have you tried just new Html("<video width=\"420\" height=\"420\" autoplay controls><source src=\"path/jelly.mp4\" type=\"video/mp4\"></video>" )?

4

Artem Godin:
Have you tried just new Html("<video width=\"420\" height=\"420\" autoplay controls><source src=\"path/jelly.mp4\" type=\"video/mp4\"></video>" )?

No but I tried it and it works! Thank you so much!