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.11.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
- bottom: 4em;
906
- /* Leave padding on left and right */
907
- left: 1em;
908
- right: 1em;
908
+ top: 0;
909
+ left: 0;
910
+ bottom: 3em;
911
+ right: 0;
912
+ pointer-events: none;
909
913
  }
910
- /* Move captions down when controls aren't being shown */
911
- .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
912
- bottom: 1em;
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
- /* Individual tracks */
915
- .video-js .vjs-text-track {
916
- display: none;
917
- font-size: 1.4em;
918
- text-align: center;
919
- margin-bottom: 0.1em;
920
- /* Transparent black background, or fallback to all black (oldIE) */
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
- .video-js .vjs-subtitles {
926
- color: #ffffff /* Subtitles are white */;
936
+ .vjs-caption-settings .vjs-tracksettings-colors,
937
+ .vjs-caption-settings .vjs-tracksettings-font {
938
+ float: left;
927
939
  }
928
- .video-js .vjs-captions {
929
- color: #ffcc66 /* Captions are yellow */;
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-tt-cue {
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
- /* Increase font-size when fullscreen */
935
- .video-js.vjs-fullscreen .vjs-text-track {
936
- font-size: 3em;
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-default-skin .vjs-hidden {
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: 20px;
994
+ padding: 2em;
953
995
  color: #ccc;
954
996
  background-color: #333;
955
- font-size: 18px;
997
+ font-size: 1.8em;
956
998
  font-family: Arial, sans-serif;
957
999
  text-align: center;
958
- width: 300px;
959
- height: 150px;
960
- margin: 0px auto;
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 {
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: videojs_rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.11.4
4
+ version: 4.12.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sean Behan