HTML所需援助

只是想知道我怎麼能得到文字盈這段視頻中，看到它的一個名爲Squiddinc的事情，我想巨大的文字說了，以下是我迄今所做HTML所需援助

<html> 
    <head> 
     <title>OFFICIAL SQUIDDINC</title> 
    </head> 
    <style> 

    video{ 
     min-width:100%; 
     min-height:100%; 
    } 

    </style> 
    <body> 
<audio autoplay loop> 
<source src="./bgmusic.mp3"> 
</audio> 
<video autoplay loop> 
<source src="./bg.mp4" type="video/mp4"> 
</video> 

<html>

來源

2015-04-08 Sachiel Paradzik

http://stackoverflow.com/questions/10422105/add-text-above-html5-video - 檢查了這一點，我認爲這正是你要找的 – Robin

不，看起來有文字覆蓋視頻 –

換一種元素（比如DIV）和位置固定

 <html> 
      <head> 
      <title>OFFICIAL SQUIDDINC</title> 
      <style> 
      .overlay{ 
      width:400px; 
      height:auto; 
      position:fixed; 
      left:10px; 
      top:20px; 
      opacity:0.7; 
      } 
       video{ 
        min-width:100%; 
        min-height:100%; 
       } 

       </style> 
       </head>     
      <body> 
      <video autoplay loop> 
      <source src="./bg.mp4" type="video/mp4"> 
      </video>   
      <div class="overlay"></div> 
     </body>   
     </html>

來源

2015-04-08 11:11:11

檢查這個小提琴設置CSS，http://jsfiddle.net/robinat130/jppr4thh/1/

<body> 
<audio autoplay loop> 
<source src="./bgmusic.mp3"> 
</audio> 
<video autoplay loop> 
<source src="http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8" type="video/mp4"> 
</video> 
    <div class="overlay"> 
     <h1>Content above your video</h1>   
    </div> 
</body> 



video{ 
     min-width:100%; 
     min-height:100%; 
    position:relative; 
    z-index:0; 
    } 

.overlay { 
    position:absolute; 
    top:180px; 
    left:200px; 
    z-index:1; 
} 
.overlay h1 { color:white; margin:auto; }

來源

2015-04-08 11:27:49 Robin

回答

相關問題