j1-template 2023.9.2 → 2023.10.1

data/assets/themes/j1/modules/videojs/js/plugins/wt/wistia.js

@@ -0,0 +1,383 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/videojs/js/wt/wistia.js
+ # Provides Wistia Playback Technology for Video.js V8 and newer
+ # See: https://github.com/edly-io/videojs-wistia
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+  # Copyright (C) 2020-2021 Zia Fazal
+ #  Copyright (C) 2023 Juergen Adams
+ #
+ #  J1 Theme is licensed under MIT License.
+ #  See: https://github.com/jekyll-one/J1 Theme/blob/master/LICENSE
+ #  See: https://wistia.com/support/developers/player-api
+ # -----------------------------------------------------------------------------
+*/
+/* The MIT License (MIT)
+
+Copyright (c) 2020-2021 Zia Fazal <zia.fazal@edly.io>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE. */
+
+/*global define, Wistia*/
+(function (root, factory) {
+    if(typeof exports==='object' && typeof module!=='undefined') {
+      var videojs = require('video.js');
+      module.exports = factory(videojs.default || videojs);
+    } else if(typeof define === 'function' && define.amd) {
+      define(['videojs'], function(videojs){
+        return (root.Wistia = factory(videojs));
+      });
+    } else {
+      root.Wistia = factory(root.videojs);
+    }
+  }(this, function(videojs) {
+    'use strict';
+
+    var _isOnMobile = videojs.browser.IS_IOS || videojs.browser.IS_NATIVE_ANDROID;
+    var Tech = videojs.getTech('Tech');
+
+    class Wistia extends Tech {
+
+      constructor(options, ready) {
+        super(options, ready);
+
+        this.setPoster(options.poster);
+        this.setSrc(this.options_.source, true);
+
+        this.setTimeout(function() {
+          if (this.el_) {
+            this.el_.parentNode.className += ' vjs-wistia';
+
+            if (_isOnMobile) {
+              this.el_.parentNode.className += ' vjs-wistia-mobile';
+            }
+
+            if (Wistia.isApiReady) {
+              this.initWistiaPlayer();
+            } else {
+              Wistia.apiReadyQueue.push(this);
+            }
+          }
+        }.bind(this));
+      }
+
+      dispose() {
+        if (this.wistiaPlayer) {
+          //Dispose of the Wistia Player
+          if (this.wistiaPlayer) {
+            this.wistiaPlayer.pause();
+            this.wistiaPlayer.remove();
+          }
+        } else {
+          //Wistia API hasn't finished loading or the player is already disposed
+          var index = Wistia.apiReadyQueue.indexOf(this);
+          if (index !== -1) {
+            Wistia.apiReadyQueue.splice(index, 1);
+          }
+        }
+        this.wistiaPlayer = null;
+
+        this.el_.parentNode.className = this.el_.parentNode.className
+          .replace(' vjs-wistia', '')
+          .replace(' vjs-wistia-mobile', '');
+        this.el_.parentNode.removeChild(this.el_);
+      }
+
+      createEl() {
+        var div = document.createElement('div');
+        div.setAttribute('id', this.options_.techId);
+        div.setAttribute('style', 'width:100%;height:100%;top:0;left:0;position:absolute');
+        div.setAttribute('class', 'vjs-tech ' + this.options_.playback_css_class);
+
+        var divWrapper = document.createElement('div');
+        divWrapper.appendChild(div);
+
+        return divWrapper;
+      }
+
+      initWistiaPlayer() {
+        var playerConfig = {
+          controlsVisibleOnLoad: false,
+          chromeless: true,
+          playbar: false,
+          playButton: false,
+          settingsControl: false,
+          smallPlayButton: false,
+          volumeControl: false,
+          videoFoam: false,
+          fullscreenButton: false,
+          preload: true,
+          doNotTrack: true,
+          autoPlay: false
+        };
+
+        if (typeof this.options_.videoFoam !== 'undefined') {
+          playerConfig.videoFoam = this.options_.videoFoam;
+        }
+
+        if (typeof this.options_.source !== 'undefined') {
+          this.videoId = this.options_.source.src;
+        }
+
+        if (typeof this.options_.autoplay !== 'undefined') {
+          playerConfig.autoPlay = this.options_.autoplay;
+          playerConfig.muted = this.options_.autoplay;
+        }
+
+        var this_ = this;
+        window._wq = window._wq || [];
+        _wq.push({
+          id: this.videoId,
+          options: playerConfig,
+          onReady: function(video) {
+            this_.wistiaPlayer = video;
+            this_.onPlayerReady();
+            this_.wistiaPlayer.bind('end', this_.onPlaybackEnded.bind(this_));
+          }
+        });
+      }
+
+      onPlayerReady() {
+        if (this.options_.muted) {
+          this.wistiaPlayer.mute();
+        }
+
+        this.playerReady_ = true;
+        this.triggerReady();
+
+        if (this.playOnReady) {
+          this.play();
+        }
+      }
+
+      onPlaybackEnded() {
+        this.trigger('ended');
+      }
+
+      src(src) {
+        if (src) {
+          this.setSrc({ src: src });
+        }
+
+        return this.source;
+      }
+
+      setSrc(source) {
+        if (!source || !source.src) {
+          return;
+        }
+
+        delete this.errorName;
+        this.source = source;
+
+        if (this.options_.autoplay && !_isOnMobile) {
+          if (this.isReady_) {
+            this.play();
+          } else {
+            this.playOnReady = true;
+          }
+        }
+      }
+
+      autoplay() {
+        return this.options_.autoplay;
+      }
+
+      setAutoplay(val) {
+        this.options_.autoplay = val;
+      }
+
+      loop() {
+        return this.options_.loop;
+      }
+
+      setLoop(val) {
+        this.options_.loop = val;
+      }
+
+      play() {
+        if (!this.videoId) {
+          return;
+        }
+
+        if (this.isReady_) {
+          this.wistiaPlayer.play();
+          this.trigger('play');
+        } else {
+          this.trigger('waiting');
+          this.playOnReady = true;
+        }
+      }
+
+      pause() {
+        if (this.wistiaPlayer) {
+          this.wistiaPlayer.pause();
+          this.trigger('pause');
+        }
+      }
+
+      paused() {
+        if (this.wistiaPlayer) {
+          return this.wistiaPlayer.state() === 'paused' || this.wistiaPlayer.state() === 'ended';
+        }
+      }
+
+      currentTime() {
+        if (this.wistiaPlayer) {
+          return this.wistiaPlayer.time();
+        }
+      }
+
+      setCurrentTime(seconds) {
+        if (this.wistiaPlayer) {
+          this.wistiaPlayer.time(seconds);
+        }
+      }
+
+      duration() {
+        if (this.wistiaPlayer) {
+          return this.wistiaPlayer.duration();
+        }
+      }
+
+      currentSrc() {
+        return this.source && this.source.src;
+      }
+
+      ended() {
+        if (this.wistiaPlayer) {
+          return this.wistiaPlayer.state() === 'ended';
+        }
+      }
+
+      volume() {
+        if (this.wistiaPlayer) {
+          return this.wistiaPlayer.volume();
+        }
+      }
+
+      setVolume(percentAsDecimal) {
+        if (this.wistiaPlayer) {
+          this.wistiaPlayer.volume(percentAsDecimal);
+          this.trigger('volumechange');
+        }
+      }
+
+      muted() {
+        if (this.wistiaPlayer) {
+          return this.wistiaPlayer.isMuted();
+        }
+      }
+
+      setMuted(mute) {
+        if (this.wistiaPlayer) {
+          if (mute === true) {
+            this.wistiaPlayer.mute();
+          }
+          else {
+            this.wistiaPlayer.unmute();
+          }
+          this.trigger('volumechange');
+        }
+      }
+
+      supportsFullScreen() {
+        return true;
+      }
+
+    }
+
+    Wistia.isSupported = function() {
+      return true;
+    };
+
+    Wistia.canPlaySource = function(e) {
+      return Wistia.canPlayType(e.type);
+    };
+
+    Wistia.canPlayType = function(e) {
+      return (e === 'video/wistia');
+    };
+
+    function apiLoaded() {
+      Wistia.isApiReady = true;
+      for (var i = 0; i < Wistia.apiReadyQueue.length; ++i) {
+        Wistia.apiReadyQueue[i].initWistiaPlayer();
+      }
+    }
+
+    function loadScript(src, callback) {
+      var loaded = false;
+      var tag = document.createElement('script');
+      var firstScriptTag = document.getElementsByTagName('script')[0];
+      if (!firstScriptTag) {
+        return;
+      }
+      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+      tag.onload = function () {
+        if (!loaded) {
+          loaded = true;
+          callback();
+        }
+      };
+      tag.onreadystatechange = function () {
+        if (!loaded && (this.readyState === 'complete' || this.readyState === 'loaded')) {
+          loaded = true;
+          callback();
+        }
+      };
+      tag.src = src;
+    }
+
+    function injectCss() {
+      var css =
+//      '.vjs-theme-uno .vjs-big-play-button { display: block }' +
+        '.vjs-wistia-mobile .vjs-big-play-button { display: none; }';
+
+      var head = document.head || document.getElementsByTagName('head')[0];
+
+      var style = document.createElement('style');
+      style.type = 'text/css';
+
+      if (style.styleSheet){
+        style.styleSheet.cssText = css;
+      } else {
+        style.appendChild(document.createTextNode(css));
+      }
+
+      head.appendChild(style);
+    }
+
+    Wistia.apiReadyQueue = [];
+
+    if (typeof document !== 'undefined'){
+      loadScript('https://fast.wistia.com/assets/external/E-v1.js', apiLoaded);
+      injectCss();
+    }
+
+    // Older versions of VJS5 doesn't have the registerTech function
+    if (typeof videojs.registerTech !== 'undefined') {
+      videojs.registerTech('Wistia', Wistia);
+    } else {
+      videojs.registerComponent('Wistia', Wistia);
+    }
+  }));

data/assets/themes/j1/modules/videojs/js/plugins/wt/wistia.min.js

@@ -0,0 +1,18 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/videojs/js/wt/wistia.min.js
+ # Provides Wistia Playback Technology for Video.js V8 and newer
+ # See: https://github.com/edly-io/videojs-wistia
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+  # Copyright (C) 2020-2021 Zia Fazal
+ #  Copyright (C) 2023 Juergen Adams
+ #
+ #  J1 Theme is licensed under MIT License.
+ #  See: https://github.com/jekyll-one/J1 Theme/blob/master/LICENSE
+ #  See: https://wistia.com/support/developers/player-api
+ # -----------------------------------------------------------------------------
+*/
+!function(e,t){if("object"==typeof exports&&"undefined"!=typeof module){var i=require("video.js");module.exports=t(i.default||i)}else"function"==typeof define&&define.amd?define(["videojs"],function(i){return e.Wistia=t(i)}):e.Wistia=t(e.videojs)}(this,function(e){"use strict";var t,i,s,a,r,o,n,l,d=e.browser.IS_IOS||e.browser.IS_NATIVE_ANDROID,u=e.getTech("Tech");class h extends u{constructor(e,t){super(e,t),this.setPoster(e.poster),this.setSrc(this.options_.source,!0),this.setTimeout(function(){this.el_&&(this.el_.parentNode.className+=" vjs-wistia",d&&(this.el_.parentNode.className+=" vjs-wistia-mobile"),h.isApiReady?this.initWistiaPlayer():h.apiReadyQueue.push(this))}.bind(this))}dispose(){if(this.wistiaPlayer)this.wistiaPlayer&&(this.wistiaPlayer.pause(),this.wistiaPlayer.remove());else{var e=h.apiReadyQueue.indexOf(this);-1!==e&&h.apiReadyQueue.splice(e,1)}this.wistiaPlayer=null,this.el_.parentNode.className=this.el_.parentNode.className.replace(" vjs-wistia","").replace(" vjs-wistia-mobile",""),this.el_.parentNode.removeChild(this.el_)}createEl(){var e=document.createElement("div");e.setAttribute("id",this.options_.techId),e.setAttribute("style","width:100%;height:100%;top:0;left:0;position:absolute"),e.setAttribute("class","vjs-tech "+this.options_.playback_css_class);var t=document.createElement("div");return t.appendChild(e),t}initWistiaPlayer(){var e={controlsVisibleOnLoad:!1,chromeless:!0,playbar:!1,playButton:!1,settingsControl:!1,smallPlayButton:!1,volumeControl:!1,videoFoam:!1,fullscreenButton:!1,preload:!0,doNotTrack:!0,autoPlay:!1};void 0!==this.options_.videoFoam&&(e.videoFoam=this.options_.videoFoam),void 0!==this.options_.source&&(this.videoId=this.options_.source.src),void 0!==this.options_.autoplay&&(e.autoPlay=this.options_.autoplay,e.muted=this.options_.autoplay);var t=this;window._wq=window._wq||[],_wq.push({id:this.videoId,options:e,onReady:function(e){t.wistiaPlayer=e,t.onPlayerReady(),t.wistiaPlayer.bind("end",t.onPlaybackEnded.bind(t))}})}onPlayerReady(){this.options_.muted&&this.wistiaPlayer.mute(),this.playerReady_=!0,this.triggerReady(),this.playOnReady&&this.play()}onPlaybackEnded(){this.trigger("ended")}src(e){return e&&this.setSrc({src:e}),this.source}setSrc(e){e&&e.src&&(delete this.errorName,this.source=e,this.options_.autoplay&&!d&&(this.isReady_?this.play():this.playOnReady=!0))}autoplay(){return this.options_.autoplay}setAutoplay(e){this.options_.autoplay=e}loop(){return this.options_.loop}setLoop(e){this.options_.loop=e}play(){this.videoId&&(this.isReady_?(this.wistiaPlayer.play(),this.trigger("play")):(this.trigger("waiting"),this.playOnReady=!0))}pause(){this.wistiaPlayer&&(this.wistiaPlayer.pause(),this.trigger("pause"))}paused(){if(this.wistiaPlayer)return"paused"===this.wistiaPlayer.state()||"ended"===this.wistiaPlayer.state()}currentTime(){if(this.wistiaPlayer)return this.wistiaPlayer.time()}setCurrentTime(e){this.wistiaPlayer&&this.wistiaPlayer.time(e)}duration(){if(this.wistiaPlayer)return this.wistiaPlayer.duration()}currentSrc(){return this.source&&this.source.src}ended(){if(this.wistiaPlayer)return"ended"===this.wistiaPlayer.state()}volume(){if(this.wistiaPlayer)return this.wistiaPlayer.volume()}setVolume(e){this.wistiaPlayer&&(this.wistiaPlayer.volume(e),this.trigger("volumechange"))}muted(){if(this.wistiaPlayer)return this.wistiaPlayer.isMuted()}setMuted(e){this.wistiaPlayer&&(!0===e?this.wistiaPlayer.mute():this.wistiaPlayer.unmute(),this.trigger("volumechange"))}supportsFullScreen(){return!0}}h.isSupported=function(){return!0},h.canPlaySource=function(e){return h.canPlayType(e.type)},h.canPlayType=function(e){return"video/wistia"===e},h.apiReadyQueue=[],"undefined"!=typeof document&&(a="https://fast.wistia.com/assets/external/E-v1.js",r=function(){h.isApiReady=!0;for(var e=0;e<h.apiReadyQueue.length;++e)h.apiReadyQueue[e].initWistiaPlayer()},o=!1,n=document.createElement("script"),(l=document.getElementsByTagName("script")[0])&&(l.parentNode.insertBefore(n,l),n.onload=function(){o||(o=!0,r())},n.onreadystatechange=function(){o||"complete"!==this.readyState&&"loaded"!==this.readyState||(o=!0,r())},n.src=a),t=".vjs-wistia-mobile .vjs-big-play-button { display: none; }",i=document.head||document.getElementsByTagName("head")[0],(s=document.createElement("style")).type="text/css",s.styleSheet?s.styleSheet.cssText=t:s.appendChild(document.createTextNode(t)),i.appendChild(s)),void 0!==e.registerTech?e.registerTech("Wistia",h):e.registerComponent("Wistia",h)});

data/assets/themes/j1/modules/videojs/js/plugins/yt/README.md

@@ -0,0 +1,115 @@
+# YouTube Playback Technology<br />for [Video.js](https://github.com/videojs/video.js)
+
+[![Greenkeeper badge](https://badges.greenkeeper.io/videojs/videojs-youtube.svg)](https://greenkeeper.io/)
+
+## Install
+You can use bower (`bower install videojs-youtube`), npm (`npm install videojs-youtube`) or the source and build it using `npm run build`. Then, the only file you need is dist/Youtube.min.js.
+
+## Version Note
+Use branch `vjs4` if you still using old VideoJS `v4.x`.
+
+## Example
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <link type="text/css" rel="stylesheet" href="../node_modules/video.js/dist/video-js.min.css" />
+</head>
+<body>
+  <video
+    id="vid1"
+    class="video-js vjs-default-skin"
+    controls
+    autoplay
+    width="640" height="264"
+    data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}] }'
+  >
+  </video>
+
+  <script src="../node_modules/video.js/dist/video.min.js"></script>
+  <script src="../dist/Youtube.min.js"></script>
+</body>
+</html>
+```
+
+See the examples folder for more
+
+## How does it work?
+Including the script Youtube.min.js will add the YouTube as a tech. You just have to add it to your techOrder option. Then, you add the option src with your YouTube URL.
+
+It supports:
+- youtube.com as well as youtu.be
+- Regular URLs: http://www.youtube.com/watch?v=xjS6SftYQaQ
+- Embeded URLs: http://www.youtube.com/embed/xjS6SftYQaQ
+- Playlist URLs: http://www.youtube.com/playlist?list=PLA60DCEB33156E51F OR http://www.youtube.com/watch?v=xjS6SftYQaQ&list=SPA60DCEB33156E51F
+
+## Options
+It supports every regular Video.js options. Additionally, you can change any [YouTube parameter](https://developers.google.com/youtube/player_parameters?hl=en#Parameters). Here is an example of setting the `iv_load_policy` parameter to `1`.
+
+```html
+<video
+  id="vid1"
+  class="video-js vjs-default-skin"
+  controls
+  autoplay
+  width="640" height="264"
+  data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}], "youtube": { "iv_load_policy": 1 } }'
+>
+</video>
+```
+
+### YouTube controls
+Because `controls` is already a Video.js option, to use the YouTube controls, you must set the `ytControls` parameter.
+
+```html
+<video
+  id="vid1"
+  class="video-js vjs-default-skin"
+  controls
+  autoplay
+  width="640" height="264"
+  data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}], "youtube": { "ytControls": 2 } }'
+>
+</video>
+```
+
+### Custom Player Options
+If you need to set any additional options on the YouTube player, you may do so with the `customVars` parameter:
+
+```html
+<video
+  id="vid1"
+  class="video-js vjs-default-skin"
+  controls
+  autoplay
+  width="640" height="264"
+  data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}], "youtube": { "customVars": { "wmode": "transparent" } } }'
+>
+</video>
+```
+
+## Special Thank You
+Thanks to Steve Heffernan for the amazing Video.js and to John Hurliman for the original version of the YouTube tech
+
+## License
+The MIT License (MIT)
+
+Copyright (c) Benoit Tremblay <trembl.ben@gmail.com> and videojs-youtube contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/assets/themes/j1/modules/videojs/js/plugins/yt/api/youtube.min.js

@@ -0,0 +1,20 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/videojs/js/youtube/api/youtube.min.js
+ # YouTube Player API
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #  https://github.com/vimeo/player.js
+ #
+ #  Copyright (C) YouTube 2023
+ #  Copyright (C) 2023 Juergen Adams
+ #
+ #  J1 Theme is licensed under MIT License.
+ #  See: https://github.com/jekyll-one/J1 Theme/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+
+var scriptUrl = 'https:\/\/www.youtube.com\/s\/player\/e95f6cb1\/www-widgetapi.vflset\/www-widgetapi.js';try{var ttPolicy=window.trustedTypes.createPolicy("youtube-widget-api",{createScriptURL:function(x){return x}});scriptUrl=ttPolicy.createScriptURL(scriptUrl)}catch(e){}var YT;if(!window["YT"])YT={loading:0,loaded:0};var YTConfig;if(!window["YTConfig"])YTConfig={"host":"https://www.youtube.com"};
+if(!YT.loading){YT.loading=1;(function(){var l=[];YT.ready=function(f){if(YT.loaded)f();else l.push(f)};window.onYTReady=function(){YT.loaded=1;var i=0;for(;i<l.length;i++)try{l[i]()}catch(e){}};YT.setConfig=function(c){var k;for(k in c)if(c.hasOwnProperty(k))YTConfig[k]=c[k]};var a=document.createElement("script");a.type="text/javascript";a.id="www-widgetapi-script";a.src=scriptUrl;a.async=true;var c=document.currentScript;if(c){var n=c.nonce||c.getAttribute("nonce");if(n)a.setAttribute("nonce",
+n)}var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})()};

data/assets/themes/j1/modules/videojs/js/plugins/yt/examples/global-parameters.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link type="text/css" rel="stylesheet" href="../node_modules/video.js/dist/video-js.min.css" />
+</head>
+<body>
+  <video
+    id="vid1"
+    class="video-js vjs-default-skin"
+    width="640" height="264"
+    data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}] }'
+  >
+  </video>
+
+  <script src="../node_modules/video.js/dist/video.js"></script>
+  <script src="../dist/Youtube.js"></script>
+  <script>
+  // You can use any YouTube player parameters
+  // https://developers.google.com/youtube/player_parameters?playerVersion=HTML5#Parameters
+  // To use YouTube controls, you must use ytControls instead
+  // To use the loop or autoplay, use the video.js settings
+  // The language is set to the same as video.js by default
+  videojs.setGlobalOptions({
+    youtube: {
+      ytControls: 2,
+      rel: 1,
+      autohide: 0
+    }
+  });
+  </script>
+</body>
+</html>

data/assets/themes/j1/modules/videojs/js/plugins/yt/examples/simple.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link type="text/css" rel="stylesheet" href="../node_modules/video.js/dist/video-js.min.css" />
+</head>
+<body>
+  <video
+    id="vid1"
+    class="video-js vjs-default-skin"
+    controls
+    autoplay
+    width="640" height="264"
+    data-setup='{ "techOrder": ["youtube", "html5"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}] }'
+  >
+  </video>
+
+  <script src="../node_modules/video.js/dist/video.js"></script>
+  <script src="../dist/Youtube.js"></script>
+</body>
+</html>

data/assets/themes/j1/modules/videojs/js/plugins/yt/examples/switch.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link type="text/css" rel="stylesheet" href="../node_modules/video.js/dist/video-js.min.css" />
+</head>
+<body>
+  <video
+    id="vid1"
+    class="video-js vjs-default-skin"
+    controls
+    width="640" height="264"
+    data-setup='{ "techOrder": ["youtube", "html5"] }'
+    poster="//vjs.zencdn.net/v/oceans.png"
+  >
+    <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
+  </video>
+  <button class="oceans">Oceans</button>
+  <button class="youtube">YouTube</button>
+
+  <script src="../node_modules/video.js/dist/video.js"></script>
+  <script src="../dist/Youtube.js"></script>
+  <script>
+    var oceans = document.querySelector('.oceans');
+    var youtube = document.querySelector('.youtube');
+
+    oceans.addEventListener('click', function() {
+      var player = videojs.players.vid1;
+      player.src({src: '//vjs.zencdn.net/v/oceans.mp4', type: 'video/mp4'});
+    });
+    youtube.addEventListener('click', function() {
+      var player = videojs.players.vid1;
+      player.poster('');
+      player.src({src: 'https://www.youtube.com/watch?v=xjS6SftYQaQ', type: 'video/youtube'});
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/modules/videojs/js/plugins/yt/examples/youtube-controls.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link type="text/css" rel="stylesheet" href="../node_modules/video.js/dist/video-js.min.css" />
+</head>
+<body>
+  <video
+    id="vid1"
+    class="video-js vjs-default-skin"
+    width="640" height="264"
+    data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}], "youtube": { "ytControls": 2 } }'
+  >
+  </video>
+
+  <script src="../node_modules/video.js/dist/video.js"></script>
+  <script src="../dist/Youtube.js"></script>
+</body>
+</html>

data/assets/themes/j1/modules/videojs/js/plugins/yt/examples/youtube-javascript.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link type="text/css" rel="stylesheet" href="../node_modules/video.js/dist/video-js.min.css" />
+</head>
+<body>
+  <video
+    id="vid1"
+    class="video-js vjs-default-skin"
+    controls
+    width="640" height="264"
+    data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}] }'
+  >
+  </video>
+
+  <script src="../node_modules/video.js/dist/video.js"></script>
+  <script src="../dist/Youtube.js"></script>
+  <script>
+  // An example of playing with the Video.js javascript API
+  // You can look at the doc there: http://docs.videojs.com/docs/guides/api.html
+  videojs('vid1').ready(function() {
+    var myPlayer = this;
+    myPlayer.src({ type: 'video/youtube', src: 'https://www.youtube.com/watch?v=y6Sxv-sUYtM' });
+  });
+  </script>
+</body>
+</html>