2015-04-08 1 views
0

просто интересно, как я могу получить текст Infront этого видео, видеть, что это за вещь называется 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> 
+0

http://stackoverflow.com/questions/10422105/add-text-above-html5-video - Проверьте это, я думаю, что это именно то, что вы ищете – Robin

+0

Нет, надеясь, что текст накладывается на видео –

ответ

0

Поместите другой элемент (скажем, дел) и установить CSS в положение фиксированной

 <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> 
0

Проверить эту скрипку, 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; } 
Смежные вопросы