Question

好吧，所以我尝试使用代码而不是Muse重新使用我们的网站...还没有完成造型，仍然只是添加核心元素。如何在此页面上重新创建视频条：

除非在HTML中设置为100％宽度？我得到的最接近的是它填满了我不想要的整个页面。

这是通过2个Muse插件完成的：一个实际上是主持人＆＃39;视频文件（相应地）在另外一个空白的存储空间＆＃39;页面，以及第二个插件（iframe插件），用于在index.html页面上引用该视频。

继承了当前gimpy视频播放的新页面。我希望像第一个网站一样填写。 http://wearethefirehouse.com/firehousetest/

这是我的新网站代码：

HTML：

        <video autoplay loop poster="..assets/video.png" id="bgvid" width=100%>
        <source src="../assets/video.webm" type="video/webm">
        <source src="../assets/video.mp4" type="video/mp4">
        </video>

Answer 1

您可以指定html5视频的大小。

 <video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
</video>

Answer 2

#vidstrip {
    position:relative;
    padding-top: 0;
    margin-top: 250px;
    overflow: hidden;
}
.vidstrip-text {
    line-height: 2.1em;
    padding: 1em 4em;
    color: white;
}
.vidstrip-section {
    position:absolute;
    top:0;
    left:0;
    padding: 0;
    z-index:-1;
}
.vidstrip-section, #bgvid {
    width:100%;
    height:auto;
}

我试图模仿Paypal

希望这有帮助

http://jsfiddle.net/nr2tds1f/

设置HTML5视频大小？

2 个答案: