videogular2
Version:
Videogular is a video application framework for desktop and mobile powered by Angular
1 lines • 3.8 kB
JSON
[{"__symbolic":"module","version":4,"metadata":{"VgBuffering":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"vg-buffering","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":19},"member":"None"},"template":"<div class=\"vg-buffering\">\n <div class=\"bufferingContainer\">\n <div class=\"loadingSpinner\"></div>\n </div>\n </div>","styles":["\n vg-buffering {\n display: none;\n z-index: 201;\n }\n\n vg-buffering.is-buffering {\n display: block;\n }\n \n .vg-buffering {\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n }\n\n .vg-buffering .bufferingContainer {\n width: 100%;\n position: absolute;\n cursor: pointer;\n top: 50%;\n margin-top: -50px;\n\n zoom: 1;\n filter: alpha(opacity=60);\n opacity: 0.6;\n }\n\n /* Loading Spinner\n * http://www.alessioatzeni.com/blog/css3-loading-animation-loop/\n */\n .vg-buffering .loadingSpinner {\n background-color: rgba(0, 0, 0, 0);\n border: 5px solid rgba(255, 255, 255, 1);\n opacity: .9;\n border-top: 5px solid rgba(0, 0, 0, 0);\n border-left: 5px solid rgba(0, 0, 0, 0);\n border-radius: 50px;\n box-shadow: 0 0 35px #FFFFFF;\n width: 50px;\n height: 50px;\n margin: 0 auto;\n -moz-animation: spin .5s infinite linear;\n -webkit-animation: spin .5s infinite linear;\n }\n\n .vg-buffering .loadingSpinner .stop {\n -webkit-animation-play-state: paused;\n -moz-animation-play-state: paused;\n }\n\n @-moz-keyframes spin {\n 0% {\n -moz-transform: rotate(0deg);\n }\n 100% {\n -moz-transform: rotate(360deg);\n }\n }\n\n @-moz-keyframes spinoff {\n 0% {\n -moz-transform: rotate(0deg);\n }\n 100% {\n -moz-transform: rotate(-360deg);\n }\n }\n\n @-webkit-keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n }\n\n @-webkit-keyframes spinoff {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(-360deg);\n }\n }\n "]}]}],"members":{"vgFor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":5}}]}],"isBuffering":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":113,"character":5},"arguments":["class.is-buffering"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":115,"character":21},{"__symbolic":"reference","module":"../core/services/vg-api","name":"VgAPI","line":115,"character":45}]}],"ngOnInit":[{"__symbolic":"method"}],"onPlayerReady":[{"__symbolic":"method"}],"onUpdateBuffer":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]