Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.
Sign upfix fullscren and video ratio when resize #7
Conversation
This comment has been minimized.
This comment has been minimized.
Can you name the error? As it is working properly for me as it is. |
This comment has been minimized.
This comment has been minimized.
The name of issue or what? |
This comment has been minimized.
This comment has been minimized.
Why do you think you had to fix the full screen video. I see it properly. |
This comment has been minimized.
This comment has been minimized.
Oh I see, there were some mistakes, but anyway, why would you change the position to fixed and remove the z-index. This should be ok: #myVideo {
position: absolute;
z-index: 4;
right: 0;
bottom: 0;
top:0;
right:0;
width: 100%;
height: 100%;
background-image: url(imgs/flowers.jpg) no-repeat;
background-position: center center;
background-size: contain;
object-fit: cover; /*cover video background */
} |
This comment has been minimized.
This comment has been minimized.
I have some problem with this z-index (dont show any text) so i change it. |
This comment has been minimized.
This comment has been minimized.
You can probably leave it like this: #myVideo {
position: absolute;
right: 0;
bottom: 0;
top:0;
width: 100%;
height: 100%;
background-image: url(imgs/flowers.jpg) no-repeat;
background-position: center center;
background-size: contain;
object-fit: cover; /*cover video background */
}
z-index might not be necessary, but of course, as it is absolute positioned the text on that section will have to be placed after the video element or be given a higher |
ppsirius commentedOct 11, 2014
No description provided.