15
上にテキストを追加する際にヘルプが必要なので、テキストがHTML 5ビデオの上に重なって表示されます。フォーム入力とボタンも追加する必要があります。HTML5ビデオ
<video id="video" width="770" height="882" onclick="play();">
<source src="video/Motion.mp4" type="video/mp4" />
</video>
上にテキストを追加する際にヘルプが必要なので、テキストがHTML 5ビデオの上に重なって表示されます。フォーム入力とボタンも追加する必要があります。HTML5ビデオ
<video id="video" width="770" height="882" onclick="play();">
<source src="video/Motion.mp4" type="video/mp4" />
</video>
きっとあなたがこれ以上を探しています:
<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>
あなたがビデオの上にコンテンツを配置したい場合は、ポジショニングのいくつかの種類使用します。
.container { position:relative; }
.container video {
position:relative;
z-index:0;
}
.overlay {
position:absolute;
top:0;
left:0;
z-index:1;
}
をこんにちは、私はビデオ上のテキストまたはビデオの上に浮かぶことを意味します。 – jalf
あなたのニーズに合わせてサンプルを更新しました。 –
お試しいただきありがとうございます – jalf