videojs_rails 4.11.4 → 4.12.0
Sign up to get free protection for your applications and to get access to all the features.
@@ -1,6 +1,6 @@
|
|
1
1
|
/*!
|
2
2
|
Video.js Default Styles (http://videojs.com)
|
3
|
-
Version 4.
|
3
|
+
Version 4.12.0
|
4
4
|
Create your own skin at http://designer.videojs.com
|
5
5
|
*/
|
6
6
|
/* SKIN
|
@@ -714,6 +714,10 @@ easily in the skin designer. http://designer.videojs.com/
|
|
714
714
|
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
|
715
715
|
display: block;
|
716
716
|
}
|
717
|
+
/* prevent menus from opening while scrubbing (FF, IE) */
|
718
|
+
.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
|
719
|
+
display: none;
|
720
|
+
}
|
717
721
|
.vjs-default-skin .vjs-menu-button ul li {
|
718
722
|
list-style: none;
|
719
723
|
margin: 0;
|
@@ -900,44 +904,82 @@ body.vjs-full-window {
|
|
900
904
|
/* Text Track Styles */
|
901
905
|
/* Overall track holder for both captions and subtitles */
|
902
906
|
.video-js .vjs-text-track-display {
|
903
|
-
text-align: center;
|
904
907
|
position: absolute;
|
905
|
-
|
906
|
-
|
907
|
-
|
908
|
-
right:
|
908
|
+
top: 0;
|
909
|
+
left: 0;
|
910
|
+
bottom: 3em;
|
911
|
+
right: 0;
|
912
|
+
pointer-events: none;
|
909
913
|
}
|
910
|
-
/*
|
911
|
-
.
|
912
|
-
|
914
|
+
/* Captions Settings Dialog */
|
915
|
+
.vjs-caption-settings {
|
916
|
+
position: relative;
|
917
|
+
top: 1em;
|
918
|
+
background-color: #000;
|
919
|
+
opacity: 0.75;
|
920
|
+
color: #FFF;
|
921
|
+
margin: 0 auto;
|
922
|
+
padding: 0.5em;
|
923
|
+
height: 15em;
|
924
|
+
font-family: Arial, Helvetica, sans-serif;
|
925
|
+
font-size: 12px;
|
926
|
+
width: 40em;
|
913
927
|
}
|
914
|
-
|
915
|
-
|
916
|
-
|
917
|
-
|
918
|
-
|
919
|
-
|
920
|
-
|
921
|
-
/* background-color-with-alpha */
|
922
|
-
background-color: #000000;
|
923
|
-
background-color: rgba(0, 0, 0, 0.5);
|
928
|
+
.vjs-caption-settings .vjs-tracksettings {
|
929
|
+
top: 0;
|
930
|
+
bottom: 2em;
|
931
|
+
left: 0;
|
932
|
+
right: 0;
|
933
|
+
position: absolute;
|
934
|
+
overflow: auto;
|
924
935
|
}
|
925
|
-
.
|
926
|
-
|
936
|
+
.vjs-caption-settings .vjs-tracksettings-colors,
|
937
|
+
.vjs-caption-settings .vjs-tracksettings-font {
|
938
|
+
float: left;
|
927
939
|
}
|
928
|
-
.
|
929
|
-
|
940
|
+
.vjs-caption-settings .vjs-tracksettings-colors:after,
|
941
|
+
.vjs-caption-settings .vjs-tracksettings-font:after,
|
942
|
+
.vjs-caption-settings .vjs-tracksettings-controls:after {
|
943
|
+
clear: both;
|
930
944
|
}
|
931
|
-
.vjs-
|
945
|
+
.vjs-caption-settings .vjs-tracksettings-controls {
|
946
|
+
position: absolute;
|
947
|
+
bottom: 1em;
|
948
|
+
right: 1em;
|
949
|
+
}
|
950
|
+
.vjs-caption-settings .vjs-tracksetting {
|
951
|
+
margin: 5px;
|
952
|
+
padding: 3px;
|
953
|
+
min-height: 40px;
|
954
|
+
}
|
955
|
+
.vjs-caption-settings .vjs-tracksetting label {
|
932
956
|
display: block;
|
957
|
+
width: 100px;
|
958
|
+
margin-bottom: 5px;
|
933
959
|
}
|
934
|
-
|
935
|
-
|
936
|
-
|
960
|
+
.vjs-caption-settings .vjs-tracksetting span {
|
961
|
+
display: inline;
|
962
|
+
margin-left: 5px;
|
963
|
+
}
|
964
|
+
.vjs-caption-settings .vjs-tracksetting > div {
|
965
|
+
margin-bottom: 5px;
|
966
|
+
min-height: 20px;
|
967
|
+
}
|
968
|
+
.vjs-caption-settings .vjs-tracksetting > div:last-child {
|
969
|
+
margin-bottom: 0;
|
970
|
+
padding-bottom: 0;
|
971
|
+
min-height: 0;
|
972
|
+
}
|
973
|
+
.vjs-caption-settings label > input {
|
974
|
+
margin-right: 10px;
|
975
|
+
}
|
976
|
+
.vjs-caption-settings input[type="button"] {
|
977
|
+
width: 40px;
|
978
|
+
height: 40px;
|
937
979
|
}
|
938
980
|
/* Hide disabled or unsupported controls */
|
939
|
-
.vjs-
|
940
|
-
display: none;
|
981
|
+
.vjs-hidden {
|
982
|
+
display: none !important;
|
941
983
|
}
|
942
984
|
.vjs-lock-showing {
|
943
985
|
display: block !important;
|
@@ -949,15 +991,15 @@ body.vjs-full-window {
|
|
949
991
|
This optional paragraph inside the video tag can provide a message to users
|
950
992
|
about what's required to play video. */
|
951
993
|
.vjs-no-js {
|
952
|
-
padding:
|
994
|
+
padding: 2em;
|
953
995
|
color: #ccc;
|
954
996
|
background-color: #333;
|
955
|
-
font-size:
|
997
|
+
font-size: 1.8em;
|
956
998
|
font-family: Arial, sans-serif;
|
957
999
|
text-align: center;
|
958
|
-
width:
|
959
|
-
height:
|
960
|
-
margin:
|
1000
|
+
width: 30em;
|
1001
|
+
height: 15em;
|
1002
|
+
margin: 0 auto;
|
961
1003
|
}
|
962
1004
|
.vjs-no-js a,
|
963
1005
|
.vjs-no-js a:visited {
|