How to write text on video in html

.container { position:relative; }
.container video {
    position:relative;
    z-index:0;
}
.overlay {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

Source: stackoverflow.com

How to write text on video in html

<div class="container">
    <video id="video" width="770" height="882" onclick="play();">
        <source src="video/Motion.mp4" type="video/mp4" />
    </video>
    <div class="overlay">
        <p>Content above your video</p>
        <form>
            <p>Content Below Your Video</p>
            <label for="input">Form Input Label</label>
            <input id="input" name="input" value="" />
            <button type="submit">Submit</button>
        </form>
    </div>
</div>

Source: stackoverflow.com

Similar codes

38 votes382 views3 answers
Media breakpoints
CSS
25 votes349 views5 answers
Line spacing css
CSS
0 vote317 views2 answers
Background having opacity and text above to not have opacity
CSS
7 votes329 views2 answers
Font for css code google link
CSS
0 vote329 views1 answer
Text-overflow ellipsis hover tooltip css
CSS
0 vote342 views1 answer
For...of...loop
CSS
0 vote341 views1 answer
Font semi bold css
CSS
23 votes339 views3 answers
How to change placeholder color
CSS
22 votes328 views5 answers
Css center grid
CSS
22 votes319 views3 answers
Css disable text select
CSS