videojs_rails 4.11.4 → 4.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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