├── .gitignore
├── Gemfile
├── Rakefile
├── lib
    ├── videojs_rails.rb
    └── videojs_rails
    │   ├── engine.rb
    │   ├── railtie.rb
    │   ├── tags.rb
    │   ├── tags
    │       ├── caption.rb
    │       ├── source.rb
    │       ├── tag.rb
    │       └── video.rb
    │   ├── version.rb
    │   └── view_helpers.rb
├── readme.md
├── vendor
    └── assets
    │   ├── flash
    │       └── video-js.swf
    │   ├── fonts
    │       ├── vjs.eot
    │       ├── vjs.svg
    │       ├── vjs.ttf
    │       └── vjs.woff
    │   ├── javascripts
    │       ├── video-js.swf
    │       └── video.js.erb
    │   └── stylesheets
    │       └── video-js.css.erb
└── videojs_rails.gemspec


/.gitignore:
--------------------------------------------------------------------------------
1 | *.gem
2 | .bundle
3 | Gemfile.lock
4 | pkg/*
5 | 


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
 1 | source "http://rubygems.org"
 2 | 
 3 | gem "rails", "3.1.0.rc4"
 4 | gem "capybara", "~> 1.0.0"
 5 | gem "sqlite3"
 6 | 
 7 | # Asset template engines
 8 | gem 'sprockets', '2.0.0.beta.10'
 9 | gem 'sass'
10 | gem 'coffee-script'
11 | gem 'uglifier'
12 | gem 'nokogiri'
13 | 
14 | gem 'jquery-rails'
15 | 


--------------------------------------------------------------------------------
/Rakefile:
--------------------------------------------------------------------------------
 1 | require 'bundler/gem_tasks'
 2 | 
 3 | # Build the version of video.js and tag us to match
 4 | 
 5 | VIDEO_JS_RAILS_HOME = File.expand_path(File.dirname(__FILE__))
 6 | VIDEO_JS_HOME = File.expand_path('../video.js', VIDEO_JS_RAILS_HOME)
 7 | 
 8 | VIDEO_JS_RAKE_USAGE = "Usage: rake videojs:update TAG=v4.12.5"
 9 | 
10 | namespace :videojs do
11 |   task :update => [:build, :commit]
12 | 
13 |   task :build do
14 |     tag = ENV['TAG'] or abort VIDEO_JS_RAKE_USAGE
15 |     Dir.chdir(VIDEO_JS_HOME) do
16 |       puts "* Building video.js #{tag} using grunt"
17 |       unless ENV['NOBUILD']
18 |         sh "git checkout -q master"
19 |         sh "git pull -q"
20 |         sh "git checkout -q #{tag}"
21 |         sh "grunt"
22 |       end
23 | 
24 |       # Copy files into our Rails structure
25 |       puts
26 |       puts "* Copying files to vendor/assets"
27 |       sh "cp #{VIDEO_JS_HOME}/dist/video-js/font/* #{VIDEO_JS_RAILS_HOME}/vendor/assets/fonts/"
28 |       sh "cp #{VIDEO_JS_HOME}/dist/video-js/video-js.css #{VIDEO_JS_RAILS_HOME}/vendor/assets/stylesheets/"
29 |       sh "cp #{VIDEO_JS_HOME}/dist/video-js/video-js.swf #{VIDEO_JS_RAILS_HOME}/vendor/assets/javascripts/"
30 |       sh "cp #{VIDEO_JS_HOME}/dist/video-js/video.dev.js #{VIDEO_JS_RAILS_HOME}/vendor/assets/javascripts/"
31 | 
32 |       # Now, perform some asset_path and other substitutions
33 |       puts
34 |       puts "* Updating videojs-css.erb for Rails asset pipeline"
35 |       css = "#{VIDEO_JS_RAILS_HOME}/vendor/assets/stylesheets/video-js.css"
36 |       File.open("#{css}.erb", 'w') do |out|
37 |         File.foreach(css) do |line|
38 |           # Handle fonts => url('<%= asset_path('vjs.woff') %>') format('woff')
39 |           out <<
40 |             line.gsub(/url\(('*)font\/(vjs[^\)]+)\)(\s+format[^\)]+\))?/, 'url(<%= asset_path(\1\2) %>)\3')
41 |         end
42 |       end
43 |       sh "rm -f #{css}"
44 | 
45 |       puts
46 |       puts "* Updating video.js.erb for Rails asset pipeline"
47 |       jsdev = "#{VIDEO_JS_RAILS_HOME}/vendor/assets/javascripts/video.dev.js"
48 |       jserb = "#{VIDEO_JS_RAILS_HOME}/vendor/assets/javascripts/video.js.erb"
49 |       File.open(jserb, 'w') do |out|
50 |         File.foreach(jsdev) do |line|
51 |           # Handle swf => asset_path('video-js.swf')
52 |           out <<
53 |             line.sub(/(videojs\.options\['flash'\]\['swf'\]\s*=\s*).*/, %q(\1"<%= asset_path('video-js.swf') %>";))
54 |         end
55 |       end
56 |       sh "rm -f #{jsdev}"
57 |       sh "rm -f #{VIDEO_JS_RAILS_HOME}/vendor/assets/javascripts/video.js"
58 |     end
59 |   end
60 | 
61 |   task :commit do
62 |     tag = ENV['TAG'] or abort VIDEO_JS_RAKE_USAGE
63 | 
64 |     # Update the gem version
65 |     version_file = "#{VIDEO_JS_RAILS_HOME}/lib/videojs_rails/version.rb"
66 |     lines = File.read(version_file)
67 |     File.open(version_file, 'w') do |out|
68 |       version_num = tag.sub(/^v/,'')  # lose the "v" from the tag
69 |       puts "* Setting gem version = #{version_num}"
70 |       out << lines.sub(/(VERSION\s*=\s*)\S+/, "\\1'#{version_num}'")
71 |     end
72 | 
73 |     sh "git add ."
74 |     sh "git commit -m 'Update to video.js #{tag}'"
75 |     puts "* Done.  Now run 'rake release' to push to rubygems."
76 |   end
77 | end


--------------------------------------------------------------------------------
/lib/videojs_rails.rb:
--------------------------------------------------------------------------------
1 | require 'videojs_rails/tags'
2 | require 'videojs_rails/railtie'
3 | require 'videojs_rails/engine' if defined?(Rails && Rails::VERSION::MAJOR == 3 && Rails::VERSION::MINOR >=1)
4 | 


--------------------------------------------------------------------------------
/lib/videojs_rails/engine.rb:
--------------------------------------------------------------------------------
1 | module VideojsRails
2 |   module Rails
3 |     class Engine < ::Rails::Engine
4 |     end
5 |   end
6 | end
7 | 


--------------------------------------------------------------------------------
/lib/videojs_rails/railtie.rb:
--------------------------------------------------------------------------------
 1 | require 'videojs_rails/view_helpers'
 2 | 
 3 | module VideojsRails
 4 |   class Railtie < Rails::Railtie
 5 |     initializer "videojs_rails.view_helpers" do
 6 |       ActionView::Base.send(:include, ViewHelpers)
 7 |     end
 8 |   end
 9 | end
10 | 


--------------------------------------------------------------------------------
/lib/videojs_rails/tags.rb:
--------------------------------------------------------------------------------
 1 | require 'videojs_rails/tags/tag'
 2 | require 'videojs_rails/tags/video'
 3 | require 'videojs_rails/tags/caption'
 4 | require 'videojs_rails/tags/source'
 5 | 
 6 | module VideojsRails
 7 |   module Tags
 8 |   end
 9 | end
10 | 


--------------------------------------------------------------------------------
/lib/videojs_rails/tags/caption.rb:
--------------------------------------------------------------------------------
 1 | module VideojsRails
 2 |   module Tags
 3 |     class Caption < Tag
 4 |       def initialize(lang, default_language, options)
 5 |         @lang = lang.to_sym
 6 |         @default_language = default_language
 7 |         parse_options(options)
 8 |       end
 9 | 
10 |       def to_html
11 |         tag :track, attributes
12 |       end
13 | 
14 |       private
15 | 
16 |       attr_reader :src, :label, :lang, :default_language
17 | 
18 |       def default?
19 |         default_language == lang
20 |       end
21 | 
22 |       def parse_options(options)
23 |         case options
24 |         when String, Symbol
25 |           @src = options
26 |         when Hash
27 |           @src, @label = options.values_at(:src, :label)
28 |         else
29 |           raise ArgumentError
30 |         end
31 |       end
32 | 
33 |       def attributes
34 |         {
35 |           kind: :captions,
36 |           src: src,
37 |           srclang: lang,
38 |           label: label,
39 |           default: default?
40 |         }
41 |       end
42 |     end
43 | 
44 |   end
45 | end
46 | 


--------------------------------------------------------------------------------
/lib/videojs_rails/tags/source.rb:
--------------------------------------------------------------------------------
 1 | module VideojsRails
 2 |   module Tags
 3 |     class Source < Tag
 4 |       def initialize(video_type, options)
 5 |         @video_type = video_type
 6 |         @attributes = parse_options(options)
 7 |       end
 8 | 
 9 |       def to_html
10 |         tag :source, @attributes
11 |       end
12 | 
13 |       private
14 | 
15 |       attr_reader :video_type
16 | 
17 |       def parse_options(options)
18 |         case options
19 |         when String, Symbol
20 |           {
21 |             src: options,
22 |             type: type
23 |           }
24 |         when Hash
25 |           options
26 |         else
27 |           raise ArgumentError
28 |         end
29 |       end
30 | 
31 |       def type
32 |         "video/#{video_type}"
33 |       end
34 |     end
35 |   end
36 | end
37 | 


--------------------------------------------------------------------------------
/lib/videojs_rails/tags/tag.rb:
--------------------------------------------------------------------------------
 1 | module VideojsRails
 2 |   module Tags
 3 |     class Tag
 4 |       include ActionView::Helpers::TagHelper
 5 |       include ActionView::Context
 6 |       include ActionView::Helpers::TextHelper
 7 |     end
 8 |   end
 9 | end
10 | 


--------------------------------------------------------------------------------
/lib/videojs_rails/tags/video.rb:
--------------------------------------------------------------------------------
 1 | module VideojsRails
 2 |   module Tags
 3 |     class Video < Tag
 4 |       DEFAULT_LANGUAGE_KEY = :default_caption_language
 5 |       DEFAULT_OPTIONS = {
 6 |         controls: true,
 7 |         preload: :auto
 8 |       }.freeze
 9 | 
10 |       def initialize(options, &no_js)
11 |         @no_js = no_js
12 |         prepare_options(options)
13 |       end
14 | 
15 |       def to_html
16 |         content_tag(:video, options) do
17 |           sources.each {|type, options| concat Source.new(type, options).to_html }
18 |           captions.each {|lang, options| concat Caption.new(lang, default_caption_language, options).to_html }
19 |           generate_no_js
20 |         end
21 |       end
22 | 
23 |       private
24 | 
25 |       attr_reader :no_js, :sources, :captions, :options, :default_caption_language
26 | 
27 |       def prepare_options(user_options)
28 |         @sources = user_options.delete(:sources) || []
29 |         @captions = user_options.delete(:captions) || []
30 |         @default_caption_language = user_options.delete(DEFAULT_LANGUAGE_KEY)
31 |         @options = DEFAULT_OPTIONS.merge(user_options)
32 |         options[:'data-setup'] = options.delete(:setup) if options.key?(:setup)
33 |         options[:class] = [:'video-js', :'vjs-default-skin', *options[:class]]
34 |       end
35 | 
36 |       def generate_no_js
37 |         return if no_js.nil?
38 |         concat content_tag(:p, no_js.call(), class: :'vjs-no-js')
39 |       end
40 |     end
41 |   end
42 | end
43 | 


--------------------------------------------------------------------------------
/lib/videojs_rails/version.rb:
--------------------------------------------------------------------------------
1 | module VideojsRails
2 |   VERSION = '4.12.15'
3 | end
4 | 


--------------------------------------------------------------------------------
/lib/videojs_rails/view_helpers.rb:
--------------------------------------------------------------------------------
1 | module VideojsRails
2 |   module ViewHelpers
3 |     def videojs_rails(user_options, &blk)
4 |       VideojsRails::Tags::Video.new(user_options, &blk).to_html
5 |     end
6 |   end
7 | end
8 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
  1 | # VideoJS for Rails Asset Pipeline
  2 | 
  3 | Supports Rails 3.x and 4.x
  4 | 
  5 | ## Installation
  6 | 
  7 | Add to your Gemfile
  8 | 
  9 | ```ruby
 10 | gem 'videojs_rails'
 11 | ```
 12 | 
 13 | And run bundle to install the library.
 14 | 
 15 | ```ruby
 16 | bundle
 17 | ```
 18 | 
 19 | Add the resources to your application.js file
 20 | 
 21 | ```coffeescript
 22 | # app/assets/javascripts/application.js
 23 | //= require video
 24 | ```
 25 | 
 26 | And that resource to application.css file
 27 | 
 28 | ```sass
 29 | /*
 30 | *= require_self
 31 | *= require video-js
 32 | */
 33 | ```
 34 | 
 35 | And to production.rb add this line
 36 | 
 37 | ```ruby
 38 | config.assets.precompile += %w( video-js.swf vjs.eot vjs.svg vjs.ttf vjs.woff )
 39 | ```
 40 | 
 41 | In Rails > 4.1
 42 | Add this line to config/initializers/assets.rb
 43 | 
 44 | ```ruby
 45 | Rails.application.config.assets.precompile += %w( video-js.swf vjs.eot vjs.svg vjs.ttf vjs.woff )
 46 | ```
 47 | 
 48 | ## Usage
 49 | 
 50 | ```erb
 51 | <%= videojs_rails sources: { mp4: "http://domain.com/path/to/video.mp4", webm: "http://another.com/path/to/video.webm"}, setup: "{}", controls: false, width:"400" %>
 52 | ```
 53 | 
 54 | If you want add a callback if user don't support JavaScript use block with displayed html code:
 55 | 
 56 | ```erb
 57 | <%= videojs_rails sources: { mp4: "http://domain.com/path/to/video.mp4", webm: "http://another.com/path/to/video.webm" }, width:"400" do %>
 58 | 	Please enable <b>JavaScript</b> to see this content.
 59 | <%- end %>
 60 | ```
 61 | 
 62 | ## Captions
 63 | 
 64 | This is currently an experimental function.
 65 | 
 66 | ```erb
 67 | <%= videojs_rails sources: { mp4: "http://domain.com/path/to/video.mp4" }, width:"400", captions: { en: { src: "http://domain.com/path/to/captions.vvt", label: "English" }, default_caption_language: :en } %>
 68 | ```
 69 | 
 70 | ## Turbolinks
 71 | 
 72 | Some of you might want to use VideoJS with Turbolinks. [andrkrn](https://github.com/andrkrn) provided CoffeeScript that he use:
 73 | 
 74 | ```coffeescript
 75 | change = ->
 76 |     for player in document.getElementsByClassName 'video-js'
 77 |         video = videojs('example_video')
 78 | 
 79 | before_change = ->
 80 |     for player in document.getElementsByClassName 'video-js'
 81 |         video = videojs('example_video')
 82 |         video.dispose()
 83 | 
 84 | $(document).on('page:before-unload', before_change)
 85 | $(document).on('page:change', change)
 86 | ```
 87 | 
 88 | ## Resources
 89 | http://videojs.com/
 90 | http://videojs.com/#getting-started
 91 | 
 92 | 
 93 | ## Updating this gem to the latest video.js release
 94 | 
 95 | ### Clone this repository
 96 | 
 97 |     git clone https://github.com/seanbehan/videojs_rails.git
 98 | 
 99 | ### Clone video.js repository
100 | 
101 |     git clone https://github.com/videojs/video.js.git
102 | 
103 | 
104 | ### Run the rake videojs:update task with the tag
105 | 
106 |     TAG=v4.12.5
107 |     rake videojs:update
108 | 
109 | Note: The build will fail if you don't have `grunt` installed.  To install it:
110 | 
111 |     cd ../video.js
112 |     npm install -g grunt
113 | 
114 | ### Make sure everything is added to git
115 | 
116 |     git add .
117 |     git ci -m "Update to $TAG"
118 | 
119 | ### Push to rubygems
120 | 
121 | * $VIDEO_JS_RAILS_HOME/vendor/assets/javascripts/video.js.erb
122 | * $VIDEO_JS_RAILS_HOME/vendor/assets/stylesheets/video-js.css.erb
123 | 
124 | Alternatively, you can set the Flash player SWF file in your web view with the `videojs.options.flash.swf` command:
125 | ```
126 | <script>
127 |   videojs.options.flash.swf = "http://example.com/path/to/video-js.swf"
128 | </script>
129 | ```
130 | As the instructions here suggests: https://github.com/videojs/video.js/blob/stable/docs/guides/setup.md#self-hosted
131 | 


--------------------------------------------------------------------------------
/vendor/assets/flash/video-js.swf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/seanbehan/videojs_rails/771a0a51f14dc7a72e0291a56d3d8b7506bf9fe4/vendor/assets/flash/video-js.swf


--------------------------------------------------------------------------------
/vendor/assets/fonts/vjs.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/seanbehan/videojs_rails/771a0a51f14dc7a72e0291a56d3d8b7506bf9fe4/vendor/assets/fonts/vjs.eot


--------------------------------------------------------------------------------
/vendor/assets/fonts/vjs.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 3 | <svg xmlns="http://www.w3.org/2000/svg">
 4 | <metadata>Generated by IcoMoon</metadata>
 5 | <defs>
 6 | <font id="icomoon" horiz-adv-x="1024">
 7 | <font-face units-per-em="1024" ascent="960" descent="-64" />
 8 | <missing-glyph horiz-adv-x="1024" />
 9 | <glyph unicode="&#x20;" d="" horiz-adv-x="512" />
10 | <glyph unicode="&#xe000;" d="M1024 960v-416l-160 160-192-192-96 96 192 192-160 160zM448 288l-192-192 160-160h-416v416l160-160 192 192z" />
11 | <glyph unicode="&#xe001;" d="M192 832l640-384-640-384z" />
12 | <glyph unicode="&#xe002;" d="M128 832h320v-768h-320zM576 832h320v-768h-320z" />
13 | <glyph unicode="&#xe003;" d="M401.332 881.332c25.668 25.668 46.668 16.968 46.668-19.332v-828c0-36.3-21-44.998-46.668-19.33l-241.332 241.33h-160v384h160l241.332 241.332z" />
14 | <glyph unicode="&#xe004;" d="M549.020 218.98c-12.286 0-24.568 4.686-33.942 14.058-18.746 18.746-18.746 49.136 0 67.882 81.1 81.1 81.1 213.058 0 294.156-18.746 18.746-18.746 49.138 0 67.882 18.746 18.744 49.136 18.744 67.882 0 118.53-118.53 118.53-311.392 0-429.922-9.372-9.37-21.656-14.056-33.94-14.056zM401.332 881.332c25.668 25.668 46.668 16.968 46.668-19.332v-828c0-36.3-21-44.998-46.668-19.33l-241.332 241.33h-160v384h160l241.332 241.332z" />
15 | <glyph unicode="&#xe005;" d="M719.53 128.47c-12.286 0-24.568 4.686-33.942 14.058-18.744 18.744-18.744 49.136 0 67.882 131.006 131.006 131.006 344.17 0 475.176-18.744 18.746-18.744 49.138 0 67.882 18.744 18.742 49.138 18.744 67.882 0 81.594-81.592 126.53-190.076 126.53-305.468 0-115.39-44.936-223.876-126.53-305.47-9.372-9.374-21.656-14.060-33.94-14.060zM549.020 218.98c-12.286 0-24.568 4.686-33.942 14.058-18.746 18.746-18.746 49.136 0 67.882 81.1 81.1 81.1 213.058 0 294.156-18.746 18.746-18.746 49.138 0 67.882 18.746 18.744 49.136 18.744 67.882 0 118.53-118.53 118.53-311.392 0-429.922-9.372-9.37-21.656-14.056-33.94-14.056zM401.332 881.332c25.668 25.668 46.668 16.968 46.668-19.332v-828c0-36.3-21-44.998-46.668-19.33l-241.332 241.33h-160v384h160l241.332 241.332z" />
16 | <glyph unicode="&#xe006;" d="M890.040 37.96c-12.286 0-24.568 4.686-33.942 14.058-18.744 18.746-18.744 49.136 0 67.882 87.638 87.642 135.904 204.16 135.904 328.1 0 123.938-48.266 240.458-135.904 328.098-18.744 18.746-18.744 49.138 0 67.882 18.744 18.744 49.138 18.744 67.882 0 105.77-105.772 164.022-246.4 164.022-395.98 0-149.582-58.252-290.208-164.022-395.98-9.372-9.374-21.656-14.060-33.94-14.060zM719.53 128.47c-12.286 0-24.568 4.686-33.942 14.058-18.744 18.744-18.744 49.136 0 67.882 131.006 131.006 131.006 344.17 0 475.176-18.744 18.746-18.744 49.138 0 67.882 18.744 18.742 49.138 18.744 67.882 0 81.594-81.592 126.53-190.076 126.53-305.468 0-115.39-44.936-223.876-126.53-305.47-9.372-9.374-21.656-14.060-33.94-14.060zM549.020 218.98c-12.286 0-24.568 4.686-33.942 14.058-18.746 18.746-18.746 49.136 0 67.882 81.1 81.1 81.1 213.058 0 294.156-18.746 18.746-18.746 49.138 0 67.882 18.746 18.744 49.136 18.744 67.882 0 118.53-118.53 118.53-311.392 0-429.922-9.372-9.37-21.656-14.056-33.94-14.056zM401.332 881.332c25.668 25.668 46.668 16.968 46.668-19.332v-828c0-36.3-21-44.998-46.668-19.33l-241.332 241.33h-160v384h160l241.332 241.332z" horiz-adv-x="1088" />
17 | <glyph unicode="&#xe007;" d="M512 960l-320-512 320-512 320 512z" />
18 | <glyph unicode="&#xe008;" d="M0 960h1374.316v-1030.414h-1374.316v1030.414zM1245.462 449.276c-1.706 180.052-8.542 258.568-51.2 314.036-7.68 11.946-22.186 18.772-34.132 27.296-41.814 30.73-238.944 41.814-467.636 41.814-228.702 0-435.21-11.084-476.17-41.814-12.8-8.524-27.316-15.35-35.84-27.296-41.822-55.468-47.786-133.984-50.346-314.036 2.56-180.062 8.524-258.57 50.346-314.036 8.524-12.8 23.040-18.774 35.84-27.306 40.96-31.574 247.468-41.814 476.17-43.52 228.692 1.706 425.822 11.946 467.636 43.52 11.946 8.532 26.452 14.506 34.132 27.306 42.658 55.466 49.494 133.974 51.2 314.036zM662.358 495.904c-11.58 140.898-86.51 223.906-220.556 223.906-122.458 0-218.722-110.432-218.722-287.88 0-178.212 87.73-289.396 232.734-289.396 115.766 0 196.798 85.298 209.588 226.95h-138.302c-5.48-52.548-27.414-92.914-73.72-92.914-73.108 0-86.51 72.354-86.51 149.27 0 105.868 30.46 159.932 81.032 159.932 45.082 0 73.718-32.75 77.976-89.868h136.48zM1140.026 495.904c-11.57 140.898-86.51 223.906-220.546 223.906-122.466 0-218.722-110.432-218.722-287.88 0-178.212 87.73-289.396 232.734-289.396 115.758 0 196.788 85.298 209.58 226.95h-138.304c-5.47-52.548-27.404-92.914-73.71-92.914-73.116 0-86.518 72.354-86.518 149.27 0 105.868 30.468 159.932 81.030 159.932 45.084 0 73.728-32.75 77.986-89.868h136.47z" horiz-adv-x="1374" />
19 | <glyph unicode="&#xe009;" d="M128 832h768v-768h-768z" />
20 | <glyph unicode="&#xe00a;" d="M384 832c0-70.692 57.308-128 128-128s128 57.308 128 128c0 70.692-57.308 128-128 128-70.692 0-128-57.308-128-128zM655.53 719.53c0-70.692 57.308-128 128-128s128 57.308 128 128c0 70.692-57.308 128-128 128-70.692 0-128-57.308-128-128zM832 448c0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64zM719.53 176.47c0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64zM448.002 64c0 0 0 0 0 0 0-35.346 28.654-64 64-64 35.346 0 64 28.654 64 64 0 0 0 0 0 0 0 0 0 0 0 0 0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64s0 0 0 0zM176.472 176.47c0 0 0 0 0 0 0-35.346 28.654-64 64-64 35.346 0 64 28.654 64 64 0 0 0 0 0 0 0 0 0 0 0 0 0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64s0 0 0 0zM144.472 719.53c0 0 0 0 0 0 0-53.019 42.981-96 96-96 53.019 0 96 42.981 96 96 0 0 0 0 0 0 0 0 0 0 0 0 0 53.019-42.981 96-96 96-53.019 0-96-42.981-96-96s0 0 0 0zM56 448c0-39.765 32.235-72 72-72s72 32.235 72 72c0 39.765-32.235 72-72 72-39.765 0-72-32.235-72-72z" />
21 | <glyph unicode="&#xe00b;" d="M448 384v-416l-160 160-192-192-96 96 192 192-160 160zM1024 864l-192-192 160-160h-416v416l160-160 192 192z" />
22 | <glyph unicode="&#xe00c;" d="M512 896c282.77 0 512-186.25 512-416 0-229.752-229.23-416-512-416-27.156 0-53.81 1.734-79.824 5.044-109.978-109.978-241.25-129.7-368.176-132.596v26.916c68.536 33.578 128 94.74 128 164.636 0 9.754-0.758 19.33-2.164 28.696-115.796 76.264-189.836 192.754-189.836 323.304 0 229.75 229.23 416 512 416z" />
23 | <glyph unicode="&#xe00d;" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512 704c141.384 0 256-114.616 256-256s-114.616-256-256-256-256 114.616-256 256 114.616 256 256 256zM817.47 142.53c-81.594-81.594-190.080-126.53-305.47-126.53-115.392 0-223.876 44.936-305.47 126.53-81.594 81.594-126.53 190.078-126.53 305.47 0 115.39 44.936 223.876 126.53 305.47l67.882-67.882c0 0 0 0 0 0-131.006-131.006-131.006-344.17 0-475.176 63.462-63.462 147.838-98.412 237.588-98.412 89.748 0 174.124 34.95 237.588 98.412 131.006 131.006 131.006 344.168 0 475.176l67.882 67.882c81.594-81.594 126.53-190.080 126.53-305.47 0-115.392-44.936-223.876-126.53-305.47z" />
24 | <glyph unicode="&#xe00e;" d="M864 256c-45.16 0-85.92-18.738-115.012-48.83l-431.004 215.502c1.314 8.252 2.016 16.706 2.016 25.328s-0.702 17.076-2.016 25.326l431.004 215.502c29.092-30.090 69.852-48.828 115.012-48.828 88.366 0 160 71.634 160 160s-71.634 160-160 160-160-71.634-160-160c0-8.622 0.704-17.076 2.016-25.326l-431.004-215.504c-29.092 30.090-69.852 48.83-115.012 48.83-88.366 0-160-71.636-160-160 0-88.368 71.634-160 160-160 45.16 0 85.92 18.738 115.012 48.828l431.004-215.502c-1.312-8.25-2.016-16.704-2.016-25.326 0-88.368 71.634-160 160-160s160 71.632 160 160c0 88.364-71.634 160-160 160z" />
25 | <glyph unicode="&#xe01e;" d="M1024 448c-1.278 66.862-15.784 133.516-42.576 194.462-26.704 61-65.462 116.258-113.042 161.92-47.552 45.696-103.944 81.82-164.984 105.652-61.004 23.924-126.596 35.352-191.398 33.966-64.81-1.282-129.332-15.374-188.334-41.356-59.048-25.896-112.542-63.47-156.734-109.576-44.224-46.082-79.16-100.708-102.186-159.798-23.114-59.062-34.128-122.52-32.746-185.27 1.286-62.76 14.964-125.148 40.134-182.206 25.088-57.1 61.476-108.828 106.11-151.548 44.61-42.754 97.472-76.504 154.614-98.72 57.118-22.304 118.446-32.902 179.142-31.526 60.708 1.29 120.962 14.554 176.076 38.914 55.15 24.282 105.116 59.48 146.366 102.644 41.282 43.14 73.844 94.236 95.254 149.43 13.034 33.458 21.88 68.4 26.542 103.798 1.246-0.072 2.498-0.12 3.762-0.12 35.346 0 64 28.652 64 64 0 1.796-0.094 3.572-0.238 5.332h0.238zM922.306 278.052c-23.472-53.202-57.484-101.4-99.178-141.18-41.67-39.81-91-71.186-144.244-91.79-53.228-20.678-110.29-30.452-166.884-29.082-56.604 1.298-112.596 13.736-163.82 36.474-51.25 22.666-97.684 55.49-135.994 95.712-38.338 40.198-68.528 87.764-88.322 139.058-19.87 51.284-29.228 106.214-27.864 160.756 1.302 54.552 13.328 108.412 35.254 157.69 21.858 49.3 53.498 93.97 92.246 130.81 38.73 36.868 84.53 65.87 133.874 84.856 49.338 19.060 102.136 28.006 154.626 26.644 52.5-1.306 104.228-12.918 151.562-34.034 47.352-21.050 90.256-51.502 125.624-88.782 35.396-37.258 63.21-81.294 81.39-128.688 18.248-47.392 26.782-98.058 25.424-148.496h0.238c-0.144-1.76-0.238-3.536-0.238-5.332 0-33.012 24.992-60.174 57.086-63.624-6.224-34.822-16.53-68.818-30.78-100.992z" />
26 | <glyph unicode="&#xe01f;" d="M512 960c-278.748 0-505.458-222.762-511.848-499.974 5.92 241.864 189.832 435.974 415.848 435.974 229.75 0 416-200.576 416-448 0-53.020 42.98-96 96-96 53.020 0 96 42.98 96 96 0 282.77-229.23 512-512 512zM512-64c278.748 0 505.458 222.762 511.848 499.974-5.92-241.864-189.832-435.974-415.848-435.974-229.75 0-416 200.576-416 448 0 53.020-42.98 96-96 96-53.020 0-96-42.98-96-96 0-282.77 229.23-512 512-512z" />
27 | <glyph unicode="&#xe600;" d="M1024 351.906v192.188l-146.774 24.462c-5.958 18.132-13.222 35.668-21.694 52.5l86.454 121.034-135.896 135.898-120.826-86.304c-16.91 8.554-34.538 15.888-52.768 21.902l-24.402 146.414h-192.188l-24.402-146.416c-18.23-6.014-35.858-13.348-52.766-21.902l-120.828 86.304-135.898-135.898 86.454-121.036c-8.47-16.83-15.734-34.366-21.692-52.498l-146.774-24.46v-192.188l147.118-24.52c5.96-17.968 13.21-35.348 21.642-52.030l-86.748-121.448 135.898-135.896 121.654 86.894c16.602-8.35 33.89-15.528 51.764-21.434l24.578-147.472h192.188l24.578 147.474c17.874 5.906 35.162 13.084 51.766 21.432l121.652-86.892 135.896 135.896-86.744 121.446c8.432 16.682 15.678 34.062 21.64 52.032l147.118 24.518zM512 320c-70.692 0-128 57.306-128 128 0 70.692 57.308 128 128 128 70.694 0 128-57.308 128-128 0-70.694-57.306-128-128-128z" />
28 | </font></defs></svg>


--------------------------------------------------------------------------------
/vendor/assets/fonts/vjs.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/seanbehan/videojs_rails/771a0a51f14dc7a72e0291a56d3d8b7506bf9fe4/vendor/assets/fonts/vjs.ttf


--------------------------------------------------------------------------------
/vendor/assets/fonts/vjs.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/seanbehan/videojs_rails/771a0a51f14dc7a72e0291a56d3d8b7506bf9fe4/vendor/assets/fonts/vjs.woff


--------------------------------------------------------------------------------
/vendor/assets/javascripts/video-js.swf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/seanbehan/videojs_rails/771a0a51f14dc7a72e0291a56d3d8b7506bf9fe4/vendor/assets/javascripts/video-js.swf


--------------------------------------------------------------------------------
/vendor/assets/stylesheets/video-js.css.erb:
--------------------------------------------------------------------------------
   1 | /*!
   2 | Video.js Default Styles (http://videojs.com)
   3 | Version 4.12.15
   4 | Create your own skin at http://designer.videojs.com
   5 | */
   6 | /* SKIN
   7 | ================================================================================
   8 | The main class name for all skin-specific styles. To make your own skin,
   9 | replace all occurrences of 'vjs-default-skin' with a new name. Then add your new
  10 | skin name to your video tag instead of the default skin.
  11 | e.g. <video class="video-js my-skin-name">
  12 | */
  13 | .vjs-default-skin {
  14 |   color: #cccccc;
  15 | }
  16 | /* Custom Icon Font
  17 | --------------------------------------------------------------------------------
  18 | The control icons are from a custom font. Each icon corresponds to a character
  19 | (e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
  20 | */
  21 | @font-face {
  22 |   font-family: 'VideoJS';
  23 |   src: url(<%= asset_path('vjs.eot') %>);
  24 |   src: url(<%= asset_path('vjs.eot?#iefix') %>) format('embedded-opentype'), url(<%= asset_path('vjs.woff') %>) format('woff'), url(<%= asset_path('vjs.ttf') %>) format('truetype'), url(<%= asset_path('vjs.svg#icomoon') %>) format('svg');
  25 |   font-weight: normal;
  26 |   font-style: normal;
  27 | }
  28 | /* Base UI Component Classes
  29 | --------------------------------------------------------------------------------
  30 | */
  31 | /* Slider - used for Volume bar and Seek bar */
  32 | .vjs-default-skin .vjs-slider {
  33 |   /* Replace browser focus highlight with handle highlight */
  34 |   outline: 0;
  35 |   position: relative;
  36 |   cursor: pointer;
  37 |   padding: 0;
  38 |   /* background-color-with-alpha */
  39 |   background-color: #333333;
  40 |   background-color: rgba(51, 51, 51, 0.9);
  41 | }
  42 | .vjs-default-skin .vjs-slider:focus {
  43 |   /* box-shadow */
  44 |   -webkit-box-shadow: 0 0 2em #ffffff;
  45 |   -moz-box-shadow: 0 0 2em #ffffff;
  46 |   box-shadow: 0 0 2em #ffffff;
  47 | }
  48 | .vjs-default-skin .vjs-slider-handle {
  49 |   position: absolute;
  50 |   /* Needed for IE6 */
  51 |   left: 0;
  52 |   top: 0;
  53 | }
  54 | .vjs-default-skin .vjs-slider-handle:before {
  55 |   content: "\e009";
  56 |   font-family: VideoJS;
  57 |   font-size: 1em;
  58 |   line-height: 1;
  59 |   text-align: center;
  60 |   text-shadow: 0em 0em 1em #fff;
  61 |   position: absolute;
  62 |   top: 0;
  63 |   left: 0;
  64 |   /* Rotate the square icon to make a diamond */
  65 |   /* transform */
  66 |   -webkit-transform: rotate(-45deg);
  67 |   -moz-transform: rotate(-45deg);
  68 |   -ms-transform: rotate(-45deg);
  69 |   -o-transform: rotate(-45deg);
  70 |   transform: rotate(-45deg);
  71 | }
  72 | /* Control Bar
  73 | --------------------------------------------------------------------------------
  74 | The default control bar that is a container for most of the controls.
  75 | */
  76 | .vjs-default-skin .vjs-control-bar {
  77 |   /* Start hidden */
  78 |   display: none;
  79 |   position: absolute;
  80 |   /* Place control bar at the bottom of the player box/video.
  81 |      If you want more margin below the control bar, add more height. */
  82 |   bottom: 0;
  83 |   /* Use left/right to stretch to 100% width of player div */
  84 |   left: 0;
  85 |   right: 0;
  86 |   /* Height includes any margin you want above or below control items */
  87 |   height: 3.0em;
  88 |   /* background-color-with-alpha */
  89 |   background-color: #07141e;
  90 |   background-color: rgba(7, 20, 30, 0.7);
  91 | }
  92 | /* Show the control bar only once the video has started playing */
  93 | .vjs-default-skin.vjs-has-started .vjs-control-bar {
  94 |   display: block;
  95 |   /* Visibility needed to make sure things hide in older browsers too. */
  96 | 
  97 |   visibility: visible;
  98 |   opacity: 1;
  99 |   /* transition */
 100 |   -webkit-transition: visibility 0.1s, opacity 0.1s;
 101 |   -moz-transition: visibility 0.1s, opacity 0.1s;
 102 |   -o-transition: visibility 0.1s, opacity 0.1s;
 103 |   transition: visibility 0.1s, opacity 0.1s;
 104 | }
 105 | /* Hide the control bar when the video is playing and the user is inactive  */
 106 | .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
 107 |   display: block;
 108 |   visibility: hidden;
 109 |   opacity: 0;
 110 |   /* transition */
 111 |   -webkit-transition: visibility 1s, opacity 1s;
 112 |   -moz-transition: visibility 1s, opacity 1s;
 113 |   -o-transition: visibility 1s, opacity 1s;
 114 |   transition: visibility 1s, opacity 1s;
 115 | }
 116 | .vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
 117 |   display: none;
 118 | }
 119 | .vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
 120 |   display: none;
 121 | }
 122 | /* The control bar shouldn't show after an error */
 123 | .vjs-default-skin.vjs-error .vjs-control-bar {
 124 |   display: none;
 125 | }
 126 | /* Don't hide the control bar if it's audio */
 127 | .vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
 128 |   opacity: 1;
 129 |   visibility: visible;
 130 | }
 131 | /* IE8 is flakey with fonts, and you have to change the actual content to force
 132 | fonts to show/hide properly.
 133 |   - "\9" IE8 hack didn't work for this
 134 |   - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
 135 | */
 136 | @media \0screen {
 137 |   .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
 138 |     content: "";
 139 |   }
 140 | }
 141 | /* General styles for individual controls. */
 142 | .vjs-default-skin .vjs-control {
 143 |   outline: none;
 144 |   position: relative;
 145 |   float: left;
 146 |   text-align: center;
 147 |   margin: 0;
 148 |   padding: 0;
 149 |   height: 3.0em;
 150 |   width: 4em;
 151 | }
 152 | /* Font button icons */
 153 | .vjs-default-skin .vjs-control:before {
 154 |   font-family: VideoJS;
 155 |   font-size: 1.5em;
 156 |   line-height: 2;
 157 |   position: absolute;
 158 |   top: 0;
 159 |   left: 0;
 160 |   width: 100%;
 161 |   height: 100%;
 162 |   text-align: center;
 163 |   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 164 | }
 165 | /* Replacement for focus outline */
 166 | .vjs-default-skin .vjs-control:focus:before,
 167 | .vjs-default-skin .vjs-control:hover:before {
 168 |   text-shadow: 0em 0em 1em #ffffff;
 169 | }
 170 | .vjs-default-skin .vjs-control:focus {
 171 |   /*  outline: 0; */
 172 |   /* keyboard-only users cannot see the focus on several of the UI elements when
 173 |   this is set to 0 */
 174 | 
 175 | }
 176 | /* Hide control text visually, but have it available for screenreaders */
 177 | .vjs-default-skin .vjs-control-text {
 178 |   /* hide-visually */
 179 |   border: 0;
 180 |   clip: rect(0 0 0 0);
 181 |   height: 1px;
 182 |   margin: -1px;
 183 |   overflow: hidden;
 184 |   padding: 0;
 185 |   position: absolute;
 186 |   width: 1px;
 187 | }
 188 | /* Play/Pause
 189 | --------------------------------------------------------------------------------
 190 | */
 191 | .vjs-default-skin .vjs-play-control {
 192 |   width: 5em;
 193 |   cursor: pointer;
 194 | }
 195 | .vjs-default-skin .vjs-play-control:before {
 196 |   content: "\e001";
 197 | }
 198 | .vjs-default-skin.vjs-playing .vjs-play-control:before {
 199 |   content: "\e002";
 200 | }
 201 | /* Playback toggle
 202 | --------------------------------------------------------------------------------
 203 | */
 204 | .vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
 205 |   font-size: 1.5em;
 206 |   line-height: 2;
 207 |   position: absolute;
 208 |   top: 0;
 209 |   left: 0;
 210 |   width: 100%;
 211 |   height: 100%;
 212 |   text-align: center;
 213 |   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 214 | }
 215 | .vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
 216 |   width: 4em;
 217 |   left: -2em;
 218 |   list-style: none;
 219 | }
 220 | /* Volume/Mute
 221 | -------------------------------------------------------------------------------- */
 222 | .vjs-default-skin .vjs-mute-control,
 223 | .vjs-default-skin .vjs-volume-menu-button {
 224 |   cursor: pointer;
 225 |   float: right;
 226 | }
 227 | .vjs-default-skin .vjs-mute-control:before,
 228 | .vjs-default-skin .vjs-volume-menu-button:before {
 229 |   content: "\e006";
 230 | }
 231 | .vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
 232 | .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
 233 |   content: "\e003";
 234 | }
 235 | .vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
 236 | .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
 237 |   content: "\e004";
 238 | }
 239 | .vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
 240 | .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
 241 |   content: "\e005";
 242 | }
 243 | .vjs-default-skin .vjs-volume-control {
 244 |   width: 5em;
 245 |   float: right;
 246 | }
 247 | .vjs-default-skin .vjs-volume-bar {
 248 |   width: 5em;
 249 |   height: 0.6em;
 250 |   margin: 1.1em auto 0;
 251 | }
 252 | .vjs-default-skin .vjs-volume-level {
 253 |   position: absolute;
 254 |   top: 0;
 255 |   left: 0;
 256 |   height: 0.5em;
 257 |   /* assuming volume starts at 1.0 */
 258 | 
 259 |   width: 100%;
 260 |   background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
 261 | }
 262 | .vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
 263 |   width: 0.5em;
 264 |   height: 0.5em;
 265 |   /* Assumes volume starts at 1.0. If you change the size of the
 266 |      handle relative to the volume bar, you'll need to update this value
 267 |      too. */
 268 | 
 269 |   left: 4.5em;
 270 | }
 271 | .vjs-default-skin .vjs-volume-handle:before {
 272 |   font-size: 0.9em;
 273 |   top: -0.2em;
 274 |   left: -0.2em;
 275 |   width: 1em;
 276 |   height: 1em;
 277 | }
 278 | /* The volume menu button is like menu buttons (captions/subtitles) but works
 279 |     a little differently. It needs to be possible to tab to the volume slider
 280 |     without hitting space bar on the menu button. To do this we're not using
 281 |     display:none to hide the slider menu by default, and instead setting the
 282 |     width and height to zero. */
 283 | .vjs-default-skin .vjs-volume-menu-button .vjs-menu {
 284 |   display: block;
 285 |   width: 0;
 286 |   height: 0;
 287 |   border-top-color: transparent;
 288 | }
 289 | .vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
 290 |   height: 0;
 291 |   width: 0;
 292 | }
 293 | .vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
 294 | .vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
 295 |   border-top-color: rgba(7, 40, 50, 0.5);
 296 |   /* Same as ul background */
 297 | 
 298 | }
 299 | .vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
 300 | .vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
 301 |   height: 2.9em;
 302 |   width: 10em;
 303 | }
 304 | /* Progress
 305 | --------------------------------------------------------------------------------
 306 | */
 307 | .vjs-default-skin .vjs-progress-control {
 308 |   position: absolute;
 309 |   left: 0;
 310 |   right: 0;
 311 |   width: auto;
 312 |   font-size: 0.3em;
 313 |   height: 1em;
 314 |   /* Set above the rest of the controls. */
 315 |   top: -1em;
 316 |   /* Shrink the bar slower than it grows. */
 317 |   /* transition */
 318 |   -webkit-transition: all 0.4s;
 319 |   -moz-transition: all 0.4s;
 320 |   -o-transition: all 0.4s;
 321 |   transition: all 0.4s;
 322 | }
 323 | /* On hover, make the progress bar grow to something that's more clickable.
 324 |     This simply changes the overall font for the progress bar, and this
 325 |     updates both the em-based widths and heights, as wells as the icon font */
 326 | .vjs-default-skin:hover .vjs-progress-control {
 327 |   font-size: .9em;
 328 |   /* Even though we're not changing the top/height, we need to include them in
 329 |       the transition so they're handled correctly. */
 330 | 
 331 |   /* transition */
 332 |   -webkit-transition: all 0.2s;
 333 |   -moz-transition: all 0.2s;
 334 |   -o-transition: all 0.2s;
 335 |   transition: all 0.2s;
 336 | }
 337 | /* Box containing play and load progresses. Also acts as seek scrubber. */
 338 | .vjs-default-skin .vjs-progress-holder {
 339 |   height: 100%;
 340 | }
 341 | /* Progress Bars */
 342 | .vjs-default-skin .vjs-progress-holder .vjs-play-progress,
 343 | .vjs-default-skin .vjs-progress-holder .vjs-load-progress,
 344 | .vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
 345 |   position: absolute;
 346 |   display: block;
 347 |   height: 100%;
 348 |   margin: 0;
 349 |   padding: 0;
 350 |   /* updated by javascript during playback */
 351 | 
 352 |   width: 0;
 353 |   /* Needed for IE6 */
 354 |   left: 0;
 355 |   top: 0;
 356 | }
 357 | .vjs-default-skin .vjs-play-progress {
 358 |   /*
 359 |     Using a data URI to create the white diagonal lines with a transparent
 360 |       background. Surprisingly works in IE8.
 361 |       Created using http://www.patternify.com
 362 |     Changing the first color value will change the bar color.
 363 |     Also using a paralax effect to make the lines move backwards.
 364 |       The -50% left position makes that happen.
 365 |   */
 366 | 
 367 |   background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
 368 | }
 369 | .vjs-default-skin .vjs-load-progress {
 370 |   background: #646464 /* IE8- Fallback */;
 371 |   background: rgba(255, 255, 255, 0.2);
 372 | }
 373 | /* there are child elements of the load progress bar that represent the
 374 |    specific time ranges that have been buffered */
 375 | .vjs-default-skin .vjs-load-progress div {
 376 |   background: #787878 /* IE8- Fallback */;
 377 |   background: rgba(255, 255, 255, 0.1);
 378 | }
 379 | .vjs-default-skin .vjs-seek-handle {
 380 |   width: 1.5em;
 381 |   height: 100%;
 382 | }
 383 | .vjs-default-skin .vjs-seek-handle:before {
 384 |   padding-top: 0.1em /* Minor adjustment */;
 385 | }
 386 | /* Live Mode
 387 | --------------------------------------------------------------------------------
 388 | */
 389 | .vjs-default-skin.vjs-live .vjs-time-controls,
 390 | .vjs-default-skin.vjs-live .vjs-time-divider,
 391 | .vjs-default-skin.vjs-live .vjs-progress-control {
 392 |   display: none;
 393 | }
 394 | .vjs-default-skin.vjs-live .vjs-live-display {
 395 |   display: block;
 396 | }
 397 | /* Live Display
 398 | --------------------------------------------------------------------------------
 399 | */
 400 | .vjs-default-skin .vjs-live-display {
 401 |   display: none;
 402 |   font-size: 1em;
 403 |   line-height: 3em;
 404 | }
 405 | /* Time Display
 406 | --------------------------------------------------------------------------------
 407 | */
 408 | .vjs-default-skin .vjs-time-controls {
 409 |   font-size: 1em;
 410 |   /* Align vertically by making the line height the same as the control bar */
 411 |   line-height: 3em;
 412 | }
 413 | .vjs-default-skin .vjs-current-time {
 414 |   float: left;
 415 | }
 416 | .vjs-default-skin .vjs-duration {
 417 |   float: left;
 418 | }
 419 | /* Remaining time is in the HTML, but not included in default design */
 420 | .vjs-default-skin .vjs-remaining-time {
 421 |   display: none;
 422 |   float: left;
 423 | }
 424 | .vjs-time-divider {
 425 |   float: left;
 426 |   line-height: 3em;
 427 | }
 428 | /* Fullscreen
 429 | --------------------------------------------------------------------------------
 430 | */
 431 | .vjs-default-skin .vjs-fullscreen-control {
 432 |   width: 3.8em;
 433 |   cursor: pointer;
 434 |   float: right;
 435 | }
 436 | .vjs-default-skin .vjs-fullscreen-control:before {
 437 |   content: "\e000";
 438 | }
 439 | /* Switch to the exit icon when the player is in fullscreen */
 440 | .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
 441 |   content: "\e00b";
 442 | }
 443 | /* Big Play Button (play button at start)
 444 | --------------------------------------------------------------------------------
 445 | Positioning of the play button in the center or other corners can be done more
 446 | easily in the skin designer. http://designer.videojs.com/
 447 | */
 448 | .vjs-default-skin .vjs-big-play-button {
 449 |   left: 0.5em;
 450 |   top: 0.5em;
 451 |   font-size: 3em;
 452 |   display: block;
 453 |   z-index: 2;
 454 |   position: absolute;
 455 |   width: 4em;
 456 |   height: 2.6em;
 457 |   text-align: center;
 458 |   vertical-align: middle;
 459 |   cursor: pointer;
 460 |   opacity: 1;
 461 |   /* Need a slightly gray bg so it can be seen on black backgrounds */
 462 |   /* background-color-with-alpha */
 463 |   background-color: #07141e;
 464 |   background-color: rgba(7, 20, 30, 0.7);
 465 |   border: 0.1em solid #3b4249;
 466 |   /* border-radius */
 467 |   -webkit-border-radius: 0.8em;
 468 |   -moz-border-radius: 0.8em;
 469 |   border-radius: 0.8em;
 470 |   /* box-shadow */
 471 |   -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
 472 |   -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
 473 |   box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
 474 |   /* transition */
 475 |   -webkit-transition: all 0.4s;
 476 |   -moz-transition: all 0.4s;
 477 |   -o-transition: all 0.4s;
 478 |   transition: all 0.4s;
 479 | }
 480 | /* Optionally center */
 481 | .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
 482 |   /* Center it horizontally */
 483 |   left: 50%;
 484 |   margin-left: -2.1em;
 485 |   /* Center it vertically */
 486 |   top: 50%;
 487 |   margin-top: -1.4000000000000001em;
 488 | }
 489 | /* Hide if controls are disabled */
 490 | .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
 491 |   display: none;
 492 | }
 493 | /* Hide when video starts playing */
 494 | .vjs-default-skin.vjs-has-started .vjs-big-play-button {
 495 |   display: none;
 496 | }
 497 | /* Hide on mobile devices. Remove when we stop using native controls
 498 |     by default on mobile  */
 499 | .vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
 500 |   display: none;
 501 | }
 502 | .vjs-default-skin:hover .vjs-big-play-button,
 503 | .vjs-default-skin .vjs-big-play-button:focus {
 504 |   outline: 0;
 505 |   border-color: #fff;
 506 |   /* IE8 needs a non-glow hover state */
 507 |   background-color: #505050;
 508 |   background-color: rgba(50, 50, 50, 0.75);
 509 |   /* box-shadow */
 510 |   -webkit-box-shadow: 0 0 3em #ffffff;
 511 |   -moz-box-shadow: 0 0 3em #ffffff;
 512 |   box-shadow: 0 0 3em #ffffff;
 513 |   /* transition */
 514 |   -webkit-transition: all 0s;
 515 |   -moz-transition: all 0s;
 516 |   -o-transition: all 0s;
 517 |   transition: all 0s;
 518 | }
 519 | .vjs-default-skin .vjs-big-play-button:before {
 520 |   content: "\e001";
 521 |   font-family: VideoJS;
 522 |   /* In order to center the play icon vertically we need to set the line height
 523 |      to the same as the button height */
 524 | 
 525 |   line-height: 2.6em;
 526 |   text-shadow: 0.05em 0.05em 0.1em #000;
 527 |   text-align: center /* Needed for IE8 */;
 528 |   position: absolute;
 529 |   left: 0;
 530 |   width: 100%;
 531 |   height: 100%;
 532 | }
 533 | .vjs-error .vjs-big-play-button {
 534 |   display: none;
 535 | }
 536 | /* Error Display
 537 | --------------------------------------------------------------------------------
 538 | */
 539 | .vjs-error-display {
 540 |   display: none;
 541 | }
 542 | .vjs-error .vjs-error-display {
 543 |   display: block;
 544 |   position: absolute;
 545 |   left: 0;
 546 |   top: 0;
 547 |   width: 100%;
 548 |   height: 100%;
 549 | }
 550 | .vjs-error .vjs-error-display:before {
 551 |   content: 'X';
 552 |   font-family: Arial;
 553 |   font-size: 4em;
 554 |   color: #666666;
 555 |   /* In order to center the play icon vertically we need to set the line height
 556 |      to the same as the button height */
 557 | 
 558 |   line-height: 1;
 559 |   text-shadow: 0.05em 0.05em 0.1em #000;
 560 |   text-align: center /* Needed for IE8 */;
 561 |   vertical-align: middle;
 562 |   position: absolute;
 563 |   left: 0;
 564 |   top: 50%;
 565 |   margin-top: -0.5em;
 566 |   width: 100%;
 567 | }
 568 | .vjs-error-display div {
 569 |   position: absolute;
 570 |   bottom: 1em;
 571 |   right: 0;
 572 |   left: 0;
 573 |   font-size: 1.4em;
 574 |   text-align: center;
 575 |   padding: 3px;
 576 |   background: #000000;
 577 |   background: rgba(0, 0, 0, 0.5);
 578 | }
 579 | .vjs-error-display a,
 580 | .vjs-error-display a:visited {
 581 |   color: #F4A460;
 582 | }
 583 | /* Loading Spinner
 584 | --------------------------------------------------------------------------------
 585 | */
 586 | .vjs-loading-spinner {
 587 |   /* Should be hidden by default */
 588 |   display: none;
 589 |   position: absolute;
 590 |   top: 50%;
 591 |   left: 50%;
 592 |   font-size: 4em;
 593 |   line-height: 1;
 594 |   width: 1em;
 595 |   height: 1em;
 596 |   margin-left: -0.5em;
 597 |   margin-top: -0.5em;
 598 |   opacity: 0.75;
 599 | }
 600 | /* Show the spinner when waiting for data and seeking to a new time */
 601 | .vjs-waiting .vjs-loading-spinner,
 602 | .vjs-seeking .vjs-loading-spinner {
 603 |   display: block;
 604 |   /* only animate when showing because it can be processor heavy */
 605 |   /* animation */
 606 |   -webkit-animation: spin 1.5s infinite linear;
 607 |   -moz-animation: spin 1.5s infinite linear;
 608 |   -o-animation: spin 1.5s infinite linear;
 609 |   animation: spin 1.5s infinite linear;
 610 | }
 611 | /* Errors are unrecoverable without user interaction so hide the spinner */
 612 | .vjs-error .vjs-loading-spinner {
 613 |   display: none;
 614 |   /* ensure animation doesn't continue while hidden */
 615 |   /* animation */
 616 |   -webkit-animation: none;
 617 |   -moz-animation: none;
 618 |   -o-animation: none;
 619 |   animation: none;
 620 | }
 621 | .vjs-default-skin .vjs-loading-spinner:before {
 622 |   content: "\e01e";
 623 |   font-family: VideoJS;
 624 |   position: absolute;
 625 |   top: 0;
 626 |   left: 0;
 627 |   width: 1em;
 628 |   height: 1em;
 629 |   text-align: center;
 630 |   text-shadow: 0em 0em 0.1em #000;
 631 | }
 632 | @-moz-keyframes spin {
 633 |   0% {
 634 |     -moz-transform: rotate(0deg);
 635 |   }
 636 |   100% {
 637 |     -moz-transform: rotate(359deg);
 638 |   }
 639 | }
 640 | @-webkit-keyframes spin {
 641 |   0% {
 642 |     -webkit-transform: rotate(0deg);
 643 |   }
 644 |   100% {
 645 |     -webkit-transform: rotate(359deg);
 646 |   }
 647 | }
 648 | @-o-keyframes spin {
 649 |   0% {
 650 |     -o-transform: rotate(0deg);
 651 |   }
 652 |   100% {
 653 |     -o-transform: rotate(359deg);
 654 |   }
 655 | }
 656 | @keyframes spin {
 657 |   0% {
 658 |     transform: rotate(0deg);
 659 |   }
 660 |   100% {
 661 |     transform: rotate(359deg);
 662 |   }
 663 | }
 664 | /* Menu Buttons (Captions/Subtitles/etc.)
 665 | --------------------------------------------------------------------------------
 666 | */
 667 | .vjs-default-skin .vjs-menu-button {
 668 |   float: right;
 669 |   cursor: pointer;
 670 | }
 671 | .vjs-default-skin .vjs-menu {
 672 |   display: none;
 673 |   position: absolute;
 674 |   bottom: 0;
 675 |   left: 0em;
 676 |   /* (Width of vjs-menu - width of button) / 2 */
 677 | 
 678 |   width: 0em;
 679 |   height: 0em;
 680 |   margin-bottom: 3em;
 681 |   border-left: 2em solid transparent;
 682 |   border-right: 2em solid transparent;
 683 |   border-top: 1.55em solid #000000;
 684 |   /* Same width top as ul bottom */
 685 | 
 686 |   border-top-color: rgba(7, 40, 50, 0.5);
 687 |   /* Same as ul background */
 688 | 
 689 | }
 690 | /* Button Pop-up Menu */
 691 | .vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
 692 |   display: block;
 693 |   padding: 0;
 694 |   margin: 0;
 695 |   position: absolute;
 696 |   width: 10em;
 697 |   bottom: 1.5em;
 698 |   /* Same bottom as vjs-menu border-top */
 699 | 
 700 |   max-height: 15em;
 701 |   overflow: auto;
 702 |   left: -5em;
 703 |   /* Width of menu - width of button / 2 */
 704 | 
 705 |   /* background-color-with-alpha */
 706 |   background-color: #07141e;
 707 |   background-color: rgba(7, 20, 30, 0.7);
 708 |   /* box-shadow */
 709 |   -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
 710 |   -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
 711 |   box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
 712 | }
 713 | .vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
 714 | .vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
 715 |   display: block;
 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 | }
 721 | .vjs-default-skin .vjs-menu-button ul li {
 722 |   list-style: none;
 723 |   margin: 0;
 724 |   padding: 0.3em 0 0.3em 0;
 725 |   line-height: 1.4em;
 726 |   font-size: 1.2em;
 727 |   text-align: center;
 728 |   text-transform: lowercase;
 729 | }
 730 | .vjs-default-skin .vjs-menu-button ul li.vjs-selected {
 731 |   background-color: #000;
 732 | }
 733 | .vjs-default-skin .vjs-menu-button ul li:focus,
 734 | .vjs-default-skin .vjs-menu-button ul li:hover,
 735 | .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
 736 | .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
 737 |   outline: 0;
 738 |   color: #111;
 739 |   /* background-color-with-alpha */
 740 |   background-color: #ffffff;
 741 |   background-color: rgba(255, 255, 255, 0.75);
 742 |   /* box-shadow */
 743 |   -webkit-box-shadow: 0 0 1em #ffffff;
 744 |   -moz-box-shadow: 0 0 1em #ffffff;
 745 |   box-shadow: 0 0 1em #ffffff;
 746 | }
 747 | .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
 748 |   text-align: center;
 749 |   text-transform: uppercase;
 750 |   font-size: 1em;
 751 |   line-height: 2em;
 752 |   padding: 0;
 753 |   margin: 0 0 0.3em 0;
 754 |   font-weight: bold;
 755 |   cursor: default;
 756 | }
 757 | /* Subtitles Button */
 758 | .vjs-default-skin .vjs-subtitles-button:before {
 759 |   content: "\e00c";
 760 | }
 761 | /* Captions Button */
 762 | .vjs-default-skin .vjs-captions-button:before {
 763 |   content: "\e008";
 764 | }
 765 | /* Chapters Button */
 766 | .vjs-default-skin .vjs-chapters-button:before {
 767 |   content: "\e00c";
 768 | }
 769 | .vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
 770 |   width: 24em;
 771 |   left: -12em;
 772 | }
 773 | /* Replacement for focus outline */
 774 | .vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
 775 | .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
 776 |   /* box-shadow */
 777 |   -webkit-box-shadow: 0 0 1em #ffffff;
 778 |   -moz-box-shadow: 0 0 1em #ffffff;
 779 |   box-shadow: 0 0 1em #ffffff;
 780 | }
 781 | /*
 782 | REQUIRED STYLES (be careful overriding)
 783 | ================================================================================
 784 | When loading the player, the video tag is replaced with a DIV,
 785 | that will hold the video tag or object tag for other playback methods.
 786 | The div contains the video playback element (Flash or HTML5) and controls,
 787 | and sets the width and height of the video.
 788 | 
 789 | ** If you want to add some kind of border/padding (e.g. a frame), or special
 790 | positioning, use another containing element. Otherwise you risk messing up
 791 | control positioning and full window mode. **
 792 | */
 793 | .video-js {
 794 |   background-color: #000;
 795 |   position: relative;
 796 |   padding: 0;
 797 |   /* Start with 10px for base font size so other dimensions can be em based and
 798 |      easily calculable. */
 799 | 
 800 |   font-size: 10px;
 801 |   /* Allow poster to be vertically aligned. */
 802 | 
 803 |   vertical-align: middle;
 804 |   /*  display: table-cell; */
 805 |   /*This works in Safari but not Firefox.*/
 806 | 
 807 |   /* Provide some basic defaults for fonts */
 808 | 
 809 |   font-weight: normal;
 810 |   font-style: normal;
 811 |   /* Avoiding helvetica: issue #376 */
 812 | 
 813 |   font-family: Arial, sans-serif;
 814 |   /* Turn off user selection (text highlighting) by default.
 815 |      The majority of player components will not be text blocks.
 816 |      Text areas will need to turn user selection back on. */
 817 | 
 818 |   /* user-select */
 819 |   -webkit-user-select: none;
 820 |   -moz-user-select: none;
 821 |   -ms-user-select: none;
 822 |   user-select: none;
 823 | }
 824 | /* Playback technology elements expand to the width/height of the containing div
 825 |     <video> or <object> */
 826 | .video-js .vjs-tech {
 827 |   position: absolute;
 828 |   top: 0;
 829 |   left: 0;
 830 |   width: 100%;
 831 |   height: 100%;
 832 | }
 833 | /* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
 834 |    checking fullScreenEnabled. */
 835 | .video-js:-moz-full-screen {
 836 |   position: absolute;
 837 | }
 838 | /* Fullscreen Styles */
 839 | body.vjs-full-window {
 840 |   padding: 0;
 841 |   margin: 0;
 842 |   height: 100%;
 843 |   /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
 844 |   overflow-y: auto;
 845 | }
 846 | .video-js.vjs-fullscreen {
 847 |   position: fixed;
 848 |   overflow: hidden;
 849 |   z-index: 1000;
 850 |   left: 0;
 851 |   top: 0;
 852 |   bottom: 0;
 853 |   right: 0;
 854 |   width: 100% !important;
 855 |   height: 100% !important;
 856 |   /* IE6 full-window (underscore hack) */
 857 |   _position: absolute;
 858 | }
 859 | .video-js:-webkit-full-screen {
 860 |   width: 100% !important;
 861 |   height: 100% !important;
 862 | }
 863 | .video-js.vjs-fullscreen.vjs-user-inactive {
 864 |   cursor: none;
 865 | }
 866 | /* Poster Styles */
 867 | .vjs-poster {
 868 |   background-repeat: no-repeat;
 869 |   background-position: 50% 50%;
 870 |   background-size: contain;
 871 |   background-color: #000000;
 872 |   cursor: pointer;
 873 |   margin: 0;
 874 |   padding: 0;
 875 |   position: absolute;
 876 |   top: 0;
 877 |   right: 0;
 878 |   bottom: 0;
 879 |   left: 0;
 880 | }
 881 | .vjs-poster img {
 882 |   display: block;
 883 |   margin: 0 auto;
 884 |   max-height: 100%;
 885 |   padding: 0;
 886 |   width: 100%;
 887 | }
 888 | /* Hide the poster after the video has started playing */
 889 | .video-js.vjs-has-started .vjs-poster {
 890 |   display: none;
 891 | }
 892 | /* Don't hide the poster if we're playing audio */
 893 | .video-js.vjs-audio.vjs-has-started .vjs-poster {
 894 |   display: block;
 895 | }
 896 | /* Hide the poster when controls are disabled because it's clickable
 897 |     and the native poster can take over */
 898 | .video-js.vjs-controls-disabled .vjs-poster {
 899 |   display: none;
 900 | }
 901 | /* Hide the poster when native controls are used otherwise it covers them */
 902 | .video-js.vjs-using-native-controls .vjs-poster {
 903 |   display: none;
 904 | }
 905 | /* Text Track Styles */
 906 | /* Overall track holder for both captions and subtitles */
 907 | .video-js .vjs-text-track-display {
 908 |   position: absolute;
 909 |   top: 0;
 910 |   left: 0;
 911 |   bottom: 3em;
 912 |   right: 0;
 913 |   pointer-events: none;
 914 | }
 915 | /* Captions Settings Dialog */
 916 | .vjs-caption-settings {
 917 |   position: relative;
 918 |   top: 1em;
 919 |   background-color: #000;
 920 |   opacity: 0.75;
 921 |   color: #FFF;
 922 |   margin: 0 auto;
 923 |   padding: 0.5em;
 924 |   height: 15em;
 925 |   font-family: Arial, Helvetica, sans-serif;
 926 |   font-size: 12px;
 927 |   width: 40em;
 928 | }
 929 | .vjs-caption-settings .vjs-tracksettings {
 930 |   top: 0;
 931 |   bottom: 2em;
 932 |   left: 0;
 933 |   right: 0;
 934 |   position: absolute;
 935 |   overflow: auto;
 936 | }
 937 | .vjs-caption-settings .vjs-tracksettings-colors,
 938 | .vjs-caption-settings .vjs-tracksettings-font {
 939 |   float: left;
 940 | }
 941 | .vjs-caption-settings .vjs-tracksettings-colors:after,
 942 | .vjs-caption-settings .vjs-tracksettings-font:after,
 943 | .vjs-caption-settings .vjs-tracksettings-controls:after {
 944 |   clear: both;
 945 | }
 946 | .vjs-caption-settings .vjs-tracksettings-controls {
 947 |   position: absolute;
 948 |   bottom: 1em;
 949 |   right: 1em;
 950 | }
 951 | .vjs-caption-settings .vjs-tracksetting {
 952 |   margin: 5px;
 953 |   padding: 3px;
 954 |   min-height: 40px;
 955 | }
 956 | .vjs-caption-settings .vjs-tracksetting label {
 957 |   display: block;
 958 |   width: 100px;
 959 |   margin-bottom: 5px;
 960 | }
 961 | .vjs-caption-settings .vjs-tracksetting span {
 962 |   display: inline;
 963 |   margin-left: 5px;
 964 | }
 965 | .vjs-caption-settings .vjs-tracksetting > div {
 966 |   margin-bottom: 5px;
 967 |   min-height: 20px;
 968 | }
 969 | .vjs-caption-settings .vjs-tracksetting > div:last-child {
 970 |   margin-bottom: 0;
 971 |   padding-bottom: 0;
 972 |   min-height: 0;
 973 | }
 974 | .vjs-caption-settings label > input {
 975 |   margin-right: 10px;
 976 | }
 977 | .vjs-caption-settings input[type="button"] {
 978 |   width: 40px;
 979 |   height: 40px;
 980 | }
 981 | /* Hide disabled or unsupported controls */
 982 | .vjs-hidden {
 983 |   display: none !important;
 984 | }
 985 | .vjs-lock-showing {
 986 |   display: block !important;
 987 |   opacity: 1;
 988 |   visibility: visible;
 989 | }
 990 | /*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
 991 |     The .video-js classname on the video tag also isn't considered.
 992 |     This optional paragraph inside the video tag can provide a message to users
 993 |     about what's required to play video. */
 994 | .vjs-no-js {
 995 |   padding: 2em;
 996 |   color: #ccc;
 997 |   background-color: #333;
 998 |   font-size: 1.8em;
 999 |   font-family: Arial, sans-serif;
1000 |   text-align: center;
1001 |   width: 30em;
1002 |   height: 15em;
1003 |   margin: 0 auto;
1004 | }
1005 | .vjs-no-js a,
1006 | .vjs-no-js a:visited {
1007 |   color: #F4A460;
1008 | }
1009 | /* -----------------------------------------------------------------------------
1010 | The original source of this file lives at
1011 | https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
1012 | 


--------------------------------------------------------------------------------
/videojs_rails.gemspec:
--------------------------------------------------------------------------------
 1 | # -*- encoding: utf-8 -*-
 2 | $:.push File.expand_path("../lib", __FILE__)
 3 | require "videojs_rails/version"
 4 | 
 5 | Gem::Specification.new do |s|
 6 |   s.name        = "videojs_rails"
 7 |   s.version     = VideojsRails::VERSION
 8 |   s.authors     = ["Sean Behan"]
 9 |   s.email       = ["bseanvt@gmail.com"]
10 |   s.homepage    = ""
11 |   s.summary     = %q{VideoJS plugin for Rails 3.1 Asset Pipeline}
12 |   s.description = %q{HTML5 VideoJS plugin}
13 | 
14 |   s.rubyforge_project = "videojs_rails"
15 | 
16 |   s.files         = `git ls-files`.split("\n")
17 |   s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
18 |   s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
19 |   s.require_paths = ["lib"]
20 | end
21 | 


--------------------------------------------------------------------------------