Question

只是想知道我怎么能在这个视频的前面看到文字，看到它是一个叫做Squiddinc的东西，我想要巨大的文字说出来，这是我到目前为止所做的事情

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

Answer 1

放置另一个元素（比如div）并将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>

Answer 2

检查这个小提琴，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; }

需要HTML帮助

2 个答案: