videojs-dynamic-overlay
Advanced tools
Comparing version 1.0.1 to 1.0.2
@@ -7,3 +7,3 @@ 'use strict'; | ||
var version = "1.0.1"; | ||
var version = "1.0.2"; | ||
@@ -38,4 +38,10 @@ // Default options for the plugin. | ||
var number = Math.floor(Math.random() * widthOfVideo); | ||
if (number > 200) { | ||
number = number - 200; | ||
} | ||
element.style.left = number + "px"; | ||
var number2 = Math.floor(Math.random() * heightOfVideo); | ||
if (number2 > 60) { | ||
number2 = number2 - 60; | ||
} | ||
element.style.top = number2 + "px"; | ||
@@ -53,5 +59,3 @@ setTimeout(function () { | ||
player.el().appendChild(el); | ||
player.on("play", function () { | ||
randomArea(el, options.changeDuration); | ||
}); | ||
randomArea(el, options.changeDuration); | ||
}; | ||
@@ -58,0 +62,0 @@ |
import videojs from 'video.js'; | ||
var version = "1.0.1"; | ||
var version = "1.0.2"; | ||
@@ -33,4 +33,10 @@ // Default options for the plugin. | ||
var number = Math.floor(Math.random() * widthOfVideo); | ||
if (number > 200) { | ||
number = number - 200; | ||
} | ||
element.style.left = number + "px"; | ||
var number2 = Math.floor(Math.random() * heightOfVideo); | ||
if (number2 > 60) { | ||
number2 = number2 - 60; | ||
} | ||
element.style.top = number2 + "px"; | ||
@@ -48,5 +54,3 @@ setTimeout(function () { | ||
player.el().appendChild(el); | ||
player.on("play", function () { | ||
randomArea(el, options.changeDuration); | ||
}); | ||
randomArea(el, options.changeDuration); | ||
}; | ||
@@ -53,0 +57,0 @@ |
/** | ||
* videojs-dynamic-overlay | ||
* @version 1.0.1 | ||
* @version 1.0.2 | ||
* @copyright 2017 Emre Karatasoglu <emre.karatasoglu@hotmail.com> | ||
@@ -15,3 +15,3 @@ * @license Apache-2.0 | ||
var version = "1.0.1"; | ||
var version = "1.0.2"; | ||
@@ -46,4 +46,10 @@ // Default options for the plugin. | ||
var number = Math.floor(Math.random() * widthOfVideo); | ||
if (number > 200) { | ||
number = number - 200; | ||
} | ||
element.style.left = number + "px"; | ||
var number2 = Math.floor(Math.random() * heightOfVideo); | ||
if (number2 > 60) { | ||
number2 = number2 - 60; | ||
} | ||
element.style.top = number2 + "px"; | ||
@@ -61,5 +67,3 @@ setTimeout(function () { | ||
player.el().appendChild(el); | ||
player.on("play", function () { | ||
randomArea(el, options.changeDuration); | ||
}); | ||
randomArea(el, options.changeDuration); | ||
}; | ||
@@ -66,0 +70,0 @@ |
/** | ||
* videojs-dynamic-overlay | ||
* @version 1.0.1 | ||
* @version 1.0.2 | ||
* @copyright 2017 Emre Karatasoglu <emre.karatasoglu@hotmail.com> | ||
* @license Apache-2.0 | ||
*/ | ||
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],n):e.videojsNewoverlay=n(e.videojs)}(this,function(e){"use strict";var n={contentOfOverlay:"burda",changeDuration:3e3},t=(e="default"in e?e["default"]:e).registerPlugin||e.plugin,o=e.dom||e,i=function d(e,n){var t=window.document.getElementById("videojs-newoverlay-player_html5_api").clientHeight,o=window.document.getElementById("videojs-newoverlay-player_html5_api").clientWidth,i=Math.floor(Math.random()*o);e.style.left=i+"px";var a=Math.floor(Math.random()*t);e.style.top=a+"px",setTimeout(function(){d(e,n)},n)},a=function(e,n){e.addClass("vjs-newoverlay");var t=o.createEl("div",{className:"vjs-emre"});t.innerHTML=n.contentOfOverlay,e.el().appendChild(t),e.on("play",function(){i(t,n.changeDuration)})},r=function(t){var o=this;this.ready(function(){a(o,e.mergeOptions(n,t))})};return t("newoverlay",r),r.VERSION="1.0.1",r}); | ||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],t):e.videojsNewoverlay=t(e.videojs)}(this,function(e){"use strict";var t={contentOfOverlay:"burda",changeDuration:3e3},n=(e="default"in e?e["default"]:e).registerPlugin||e.plugin,o=e.dom||e,i=function d(e,t){var n=window.document.getElementById("videojs-newoverlay-player_html5_api").clientHeight,o=window.document.getElementById("videojs-newoverlay-player_html5_api").clientWidth,i=Math.floor(Math.random()*o);i>200&&(i-=200),e.style.left=i+"px";var a=Math.floor(Math.random()*n);a>60&&(a-=60),e.style.top=a+"px",setTimeout(function(){d(e,t)},t)},a=function(e,t){e.addClass("vjs-newoverlay");var n=o.createEl("div",{className:"vjs-emre"});n.innerHTML=t.contentOfOverlay,e.el().appendChild(n),i(n,t.changeDuration)},r=function(n){var o=this;this.ready(function(){a(o,e.mergeOptions(t,n))})};return n("newoverlay",r),r.VERSION="1.0.2",r}); |
{ | ||
"name": "videojs-dynamic-overlay", | ||
"version": "1.0.1", | ||
"version": "1.0.2", | ||
"description": "Video Üzerine Text Vb Dinamik Yer Değiştirme", | ||
@@ -5,0 +5,0 @@ "main": "dist/videojs-newoverlay.cjs.js", |
# videojs-newoverlay | ||
Dynamic Overlay on Video For Education System | ||
Video Üzerine Text Vb Dinamik Yer Değiştirme | ||
@@ -16,3 +16,3 @@ | ||
## Usage | ||
Sample Image : https://prnt.sc/gwejew | ||
To include videojs-newoverlay on your website or web application, use any of the following methods. | ||
@@ -19,0 +19,0 @@ |
@@ -32,4 +32,10 @@ import videojs from 'video.js'; | ||
var number = Math.floor(Math.random() * widthOfVideo); | ||
if(number>200){ | ||
number = number-200; | ||
} | ||
element.style.left=number+"px"; | ||
var number2 = Math.floor(Math.random() * heightOfVideo); | ||
if(number2>60){ | ||
number2=number2-60; | ||
} | ||
element.style.top=number2+"px"; | ||
@@ -45,6 +51,3 @@ setTimeout(function(){randomArea(element,changeDuration)},changeDuration); | ||
player.el().appendChild(el); | ||
player.on("play",function(){ | ||
randomArea(el,options.changeDuration); | ||
}); | ||
randomArea(el,options.changeDuration); | ||
}; | ||
@@ -51,0 +54,0 @@ |
@@ -37,3 +37,3 @@ (function (QUnit,sinon,videojs) { | ||
var version = "1.0.1"; | ||
var version = "1.0.2"; | ||
@@ -68,4 +68,10 @@ // Default options for the plugin. | ||
var number = Math.floor(Math.random() * widthOfVideo); | ||
if (number > 200) { | ||
number = number - 200; | ||
} | ||
element.style.left = number + "px"; | ||
var number2 = Math.floor(Math.random() * heightOfVideo); | ||
if (number2 > 60) { | ||
number2 = number2 - 60; | ||
} | ||
element.style.top = number2 + "px"; | ||
@@ -83,5 +89,3 @@ setTimeout(function () { | ||
player.el().appendChild(el); | ||
player.on("play", function () { | ||
randomArea(el, options.changeDuration); | ||
}); | ||
randomArea(el, options.changeDuration); | ||
}; | ||
@@ -88,0 +92,0 @@ |
Sorry, the diff of this file is not supported yet
33191
685