/Html/How to write text on video in html

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

0 vote166 views1 answer
Fa facebook circle
Html
2 votes193 views1 answer
Html power
Html
0 vote171 views2 answers
Which text is used to create text animations in html
Html
13 votes174 views3 answers
Button center class in bootstrap
Html
21 votes171 views6 answers
Html image with link
Html
0 vote202 views1 answer
Crawler get text, not get html
Html
1 vote170 views1 answer
Clear html screen
Html
5 votes171 views2 answers
Html bootstrap textarea
Html
10 votes141 views1 answer
Degree symbol html
Html
1 vote118 views1 answer
Ionic ngfor object
Html