1
0
mirror of https://github.com/videojs/video.js.git synced 2024-11-24 08:42:25 +02:00

updated styles for error messages and made poster absolutely positioned by default

This commit is contained in:
Matthew McClure 2014-09-05 13:59:27 -07:00
parent 6c2efbf999
commit 864432d7d3

View File

@ -614,6 +614,7 @@ easily in the skin designer. http://designer.videojs.com/
vertical-align: middle;
position: absolute;
left: 0;
top: 50%;
margin-top: -0.5em;
width: 100%;
@ -621,12 +622,15 @@ easily in the skin designer. http://designer.videojs.com/
.vjs-error-display div {
position: absolute;
bottom: 1em;
right: 0;
left: 0;
font-size: 1.4em;
text-align: center;
bottom: 1em;
right: 1em;
left: 1em;
padding: 3px;
background: rgb(0, 0, 0); // fallback to just black
background: rgba(0,0,0,0.5); // Normally show black at 50% opacity
}
.vjs-error-display a, .vjs-error-display a:visited {
@ -890,11 +894,13 @@ body.vjs-full-window {
background-position: 50% 50%;
background-size: contain;
cursor: pointer;
height: 100%;
margin: 0;
padding: 0;
position: relative;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.vjs-poster img {
display: block;