Set video size to HTML5?
Ok, so I'm trying to redesign our site using code instead of Muse ... haven't styled the styling yet, still adding basic elements. How to recover the video on this page:
http://wearethefirehouse.com (current site)
Except it's set to 100% width, in HTML? The closest I got is filling the WHOLE bg page, which I don't want.
This was done using two Muse plugins: one actually "hosted" the video files (in response) to an empty "repository" page, and the second plugin (an iframe plugin) to link to that video on the index.html page.
a new page appears with the current gimpy replay. I would like it to be filled in like on the first site. http://wearethefirehouse.com/firehousetest/
Here's my code for the new site:
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>
source to share
#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;
}
I tried to emulate Paypal
Hope it helps
source to share