台灣最大程式設計社群網站
線上人數
1091
 
會員總數:245123
討論主題:189032
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 請問如何在video上加上文字
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
請問如何在video上加上文字
價值 : 10 QP  點閱數:816 回應數:1

樓主

邱邱
門外漢
0 11
290 4
發送站內信

如此網站一樣
http://hixsnedeker.com/projects

<video>上還顯示了
<div class="state_name">
<h2>AL</h2>
<p>Alabama</p>
</div>
這樣的文字,疊在上面

請問各位大大像這種效果css要怎麼設定呢??

搜尋相關Tags的文章: [ video ] , [ div ] ,
本篇文章發表於2014-10-06 21:59
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

E-Troy
檢舉此回應
下面是載影片的HTML5的範例
<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>影片上面的內容</p>
<form>
<p>Content Below Your Video</p>
<label for="input">文字層</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;
}
本篇文章回覆於2014-10-07 19:48
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.