(function(global,factory){typeof exports==="object"&&typeof module!=="undefined"?module.exports=factory(require("video.js")):typeof define==="function"&&define.amd?define(["video.js"],factory):global.videojsMarqueeOverlay=factory(global.videojs)})(this,function(videojs){"use strict";videojs="default"in videojs?videojs["default"]:videojs;var version="1.0.4";var defaults={contentOfMarquee:"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",position:"bottom",direction:"left",duration:15e3,backgroundcolor:"#dedede",color:"#fefefe"};var registerPlugin=videojs.registerPlugin||videojs.plugin;var dom=videojs.dom||videojs;var onPlayerReady=function onPlayerReady(player,options){player.addClass("vjs-marquee-overlay");var el=dom.createEl("div",{className:"vjs-emre-marquee"});el.innerHTML=options.contentOfMarquee;player.el().appendChild(el);if(options.position=="bottom"){el.style.bottom=0}else{el.style.top=0}el.style.backgroundColor=options.backgroundcolor;el.style.color=options.color;player.on("timeupdate",function(){if(player.userActive()){if(options.position=="bottom"){el.style.bottom="30px"}}else{if(options.position=="bottom"){el.style.bottom=0}}});$(function(){$(".vjs-emre-marquee").marquee({duration:options.duration,gap:50,delayBeforeStart:0,direction:options.direction,duplicated:true})})};var marqueeOverlay=function marqueeOverlay(options){var _this=this;this.ready(function(){onPlayerReady(_this,videojs.mergeOptions(defaults,options))})};registerPlugin("marqueeOverlay",marqueeOverlay);marqueeOverlay.VERSION=version;return marqueeOverlay}); (function($){$.fn.marquee=function(options){return this.each(function(){var o=$.extend({},$.fn.marquee.defaults,options),$this=$(this),$marqueeWrapper,containerWidth,animationCss,verticalDir,elWidth,loopCount=3,playState="animation-play-state",css3AnimationIsSupported=false,_prefixedEvent=function(element,type,callback){var pfx=["webkit","moz","MS","o",""];for(var p=0;p');var $el=$this.find(".js-marquee").css({"margin-right":o.gap,float:"left"});if(o.duplicated){$el.clone(true).appendTo($this)}$this.wrapInner('
');$marqueeWrapper=$this.find(".js-marquee-wrapper");if(verticalDir){var containerHeight=$this.height();$marqueeWrapper.removeAttr("style");$this.height(containerHeight);$this.find(".js-marquee").css({float:"none","margin-bottom":o.gap,"margin-right":0});if(o.duplicated)$this.find(".js-marquee:last").css({"margin-bottom":0});var elHeight=$this.find(".js-marquee:first").height()+o.gap;if(o.startVisible&&!o.duplicated){o._completeDuration=(parseInt(elHeight,10)+parseInt(containerHeight,10))/parseInt(containerHeight,10)*o.duration;o.duration=parseInt(elHeight,10)/parseInt(containerHeight,10)*o.duration}else{o.duration=(parseInt(elHeight,10)+parseInt(containerHeight,10))/parseInt(containerHeight,10)*o.duration}}else{elWidth=$this.find(".js-marquee:first").width()+o.gap;containerWidth=$this.width();if(o.startVisible&&!o.duplicated){o._completeDuration=(parseInt(elWidth,10)+parseInt(containerWidth,10))/parseInt(containerWidth,10)*o.duration;o.duration=parseInt(elWidth,10)/parseInt(containerWidth,10)*o.duration}else{o.duration=(parseInt(elWidth,10)+parseInt(containerWidth,10))/parseInt(containerWidth,10)*o.duration}}if(o.duplicated){o.duration=o.duration/2}if(o.allowCss3Support){var elm=document.body||document.createElement("div"),animationName="marqueeAnimation-"+Math.floor(Math.random()*1e7),domPrefixes="Webkit Moz O ms Khtml".split(" "),animationString="animation",animationCss3Str="",keyframeString="";if(elm.style.animation){keyframeString="@keyframes "+animationName+" ";css3AnimationIsSupported=true}if(css3AnimationIsSupported===false){for(var i=0;i2){$marqueeWrapper.css("margin-top",o.direction=="up"?0:"-"+elHeight+"px")}animationCss={"margin-top":o.direction=="up"?"-"+elHeight+"px":0}}else if(o.startVisible){if(loopCount===2){if(animationCss3Str){animationCss3Str=animationName+" "+o.duration/1e3+"s "+o.delayBeforeStart/1e3+"s "+o.css3easing}animationCss={"margin-top":o.direction=="up"?"-"+elHeight+"px":containerHeight+"px"};loopCount++}else if(loopCount===3){o.duration=o._completeDuration;if(animationCss3Str){animationName=animationName+"0";keyframeString=$.trim(keyframeString)+"0 ";animationCss3Str=animationName+" "+o.duration/1e3+"s 0s infinite "+o.css3easing}_rePositionVertically()}}else{_rePositionVertically();animationCss={"margin-top":o.direction=="up"?"-"+$marqueeWrapper.height()+"px":containerHeight+"px"}}}else{if(o.duplicated){if(loopCount>2){$marqueeWrapper.css("margin-left",o.direction=="left"?0:"-"+elWidth+"px")}animationCss={"margin-left":o.direction=="left"?"-"+elWidth+"px":0}}else if(o.startVisible){if(loopCount===2){if(animationCss3Str){animationCss3Str=animationName+" "+o.duration/1e3+"s "+o.delayBeforeStart/1e3+"s "+o.css3easing}animationCss={"margin-left":o.direction=="left"?"-"+elWidth+"px":containerWidth+"px"};loopCount++}else if(loopCount===3){o.duration=o._completeDuration;if(animationCss3Str){animationName=animationName+"0";keyframeString=$.trim(keyframeString)+"0 ";animationCss3Str=animationName+" "+o.duration/1e3+"s 0s infinite "+o.css3easing}_rePositionHorizontally()}}else{_rePositionHorizontally();animationCss={"margin-left":o.direction=="left"?"-"+elWidth+"px":containerWidth+"px"}}}$this.trigger("beforeStarting");if(css3AnimationIsSupported){$marqueeWrapper.css(animationString,animationCss3Str);var keyframeCss=keyframeString+" { 100% "+_objToString(animationCss)+"}",$styles=$marqueeWrapper.find("style");if($styles.length!==0){$styles.filter(":last").html(keyframeCss)}else{$("head").append("")}_prefixedEvent($marqueeWrapper[0],"AnimationIteration",function(){$this.trigger("finished")});_prefixedEvent($marqueeWrapper[0],"AnimationEnd",function(){animate();$this.trigger("finished")})}else{$marqueeWrapper.animate(animationCss,o.duration,o.easing,function(){$this.trigger("finished");if(o.pauseOnCycle){_startAnimationWithDelay()}else{animate()}})}$this.data("runningStatus","resumed")};$this.bind("pause",methods.pause);$this.bind("resume",methods.resume);if(o.pauseOnHover){$this.bind("mouseenter mouseleave",methods.toggle)}if(css3AnimationIsSupported&&o.allowCss3Support){animate()}else{_startAnimationWithDelay()}})};$.fn.marquee.defaults={allowCss3Support:true,css3easing:"linear",easing:"linear",delayBeforeStart:1e3,direction:"left",duplicated:false,duration:5e3,gap:20,pauseOnCycle:false,pauseOnHover:false,startVisible:false}})(jQuery);