{"_id":"3p-videogular-youtube","_rev":"1-d2bee0183095ebf9f348f0ef5998a6f0","name":"3p-videogular-youtube","dist-tags":{"latest":"2.0.6"},"versions":{"2.0.6":{"name":"3p-videogular-youtube","version":"2.0.6","description":"Videogular youtube plugin","main":"index.js","directories":{"example":"example"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/patlux/videogular-youtube.git"},"keywords":["videogular","videogular-youtube","videogular-plugin"],"author":{"name":"NamPNQ","email":"nampnq@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/patlux/videogular-youtube/issues"},"homepage":"http://nampnq.vietnamcode.info","gitHead":"4c7b36629639a481526f1984c01af31dd6b9d521","_id":"3p-videogular-youtube@2.0.6","_shasum":"1e3833b4c0970a5b22ee2ce320951ba82f99a00b","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.14.4","_npmUser":{"name":"neelindap","email":"neelindap@gmail.com"},"dist":{"shasum":"1e3833b4c0970a5b22ee2ce320951ba82f99a00b","tarball":"https://registry.npmjs.org/3p-videogular-youtube/-/3p-videogular-youtube-2.0.6.tgz","integrity":"sha512-/KAiSs4hWQ0X3O3wIWNlMAF5H0RUEArkYjYmvO5PyBT8Y73vGhPNlPgoZ3XpqLEbhZIManOJV7Pct1SERgQEbA==","fileCount":8,"unpackedSize":23955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNgg9CRA9TVsSAnZWagAAcKIP/iv3Mhvce+ule40iHOPT\ngmorafrE7/wW86dPJu7zTiFOczUaBBBykb/9CbzSeY/nE99Y51oDE60MAIJP\nAsWlWEcyfpN2/jMLXzHTiQp+Def6le0RZtf+8IKxt1wre+Op1qdBPAOJCSf2\nlZwyuOafk3q4Eb+DrqzaI/zg2jvM/RQSWVoGe++mb4ebvxL4B7/qu1qhgSle\nRCwZjC4MJfu27nYONNuAJoEgdtmXi9yJfsngAEqForfEg5qmme6Vxnzn2kV5\nmKl+PQMsM0PwB2ll/+FFZo8cS6JZ92CMXZ1d3ZI0aw1GBQzdCcY1sJkKMQ0k\ntx8nM22cIymyMlQHXpTwJ0R4j9FfAwXMW78cwjMnhRqualO9sIxz+i0Jrjvp\nKUohtx/cwf3vJpRj/+cvpdH3AdEabUlAm507rvIcsmlbK2JmynAC4v5xku3R\njR2HtCHcBOBGlzu2Ezo9NE2lyTC2wLzl9mxvbjB0EkCz3pg0+PEE4tWjklQb\n0IObAMhlN5Rqbd/TJkkK3P4AvW0Ji2VdvoXwZ3Kwe0zW6pg6mxWkgcHGTHW7\nN61zV7JpeZEP8Tt9LhYFkWhydqaNN22pkb9T5zC5fKd6ZVXE0eDkXgfTi2Np\nHVr8SORPSQUMzWJvRu8aIs+OXov/NxM5hBLAT31379TKf1W7dH5bIATIOT/H\nt9OR\r\n=sU8l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDgWr7kCc7POfAA1jJsMEcQlcSLM9VaG7O1LNDMnoqzOwIgdhc4u2oGCa7I3qZ88UuRpNes8IVNeSdWcDH+CORnzAc="}]},"maintainers":[{"name":"neelindap","email":"neelindap@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3p-videogular-youtube_2.0.6_1547044924618_0.7886954198034164"},"_hasShrinkwrap":false}},"time":{"created":"2019-01-09T14:42:04.618Z","2.0.6":"2019-01-09T14:42:04.725Z","modified":"2022-04-04T10:21:47.542Z"},"maintainers":[{"name":"neelindap","email":"neelindap@gmail.com"}],"description":"Videogular youtube plugin","homepage":"http://nampnq.vietnamcode.info","keywords":["videogular","videogular-youtube","videogular-plugin"],"repository":{"type":"git","url":"git+https://github.com/patlux/videogular-youtube.git"},"author":{"name":"NamPNQ","email":"nampnq@gmail.com"},"bugs":{"url":"https://github.com/patlux/videogular-youtube/issues"},"license":"MIT","readme":"videogular-youtube\n========================\n\nVideogular `youtube` plugin repository\n\n## Install\n\n### Bower\n\nInstall [Videogular](http://www.videogular.com/) `youtube` plugin with Bower:\n\n`bower install videogular-youtube`\n\nInside the folder `bower_components\\videogular-youtube` you should find also `html` partials that you should locate in `.\\views\\videogular\\plugins\\youtube\\`.\n\n### NPM\n\nInstall [Videogular](http://www.videogular.com/) `youtube` plugin with npm:\n\n`npm install videogular-youtube`\n\n\n## How to use\nAdd directives, and video source to your HTML:\n\n```html\n<videogular vg-player-ready=\"onPlayerReady\" vg-theme=\"config.theme.url\" vg-autoplay=\"config.autoPlay\">\n                    <vg-media vg-src=\"config.sources\" vg-youtube=\"rel=1;showinfo=1\"></vg-media>\n\n                    <vg-controls vg-autohide=\"config.autoHide\" vg-autohide-time=\"config.autoHideTime\">\n                        <vg-play-pause-button></vg-play-pause-button>\n                        <vg-timedisplay>{{ currentTime | date:'mm:ss' }}</vg-timedisplay>\n                        <vg-scrubBar>\n                            <vg-scrubbarcurrenttime></vg-scrubbarcurrenttime>\n                        </vg-scrubBar>\n                        <vg-timedisplay>{{ timeLeft | date:'mm:ss' }}</vg-timedisplay>\n                        <vg-volume>\n                            <vg-mutebutton></vg-mutebutton>\n                            <vg-volumebar></vg-volumebar>\n                        </vg-volume>\n                        <vg-fullscreenButton></vg-fullscreenButton>\n                    </vg-controls>\n\n                    <vg-poster-image vg-url='config.plugins.poster.url'></vg-poster-image>\n                    <vg-buffering></vg-buffering>\n                    <vg-overlay-play vg-play-icon=\"config.theme.playIcon\"></vg-overlay-play>\n\n                    <vg-poster-image vg-url='config.plugins.poster.url'></vg-poster-image>\n                    <vg-buffering></vg-buffering>\n                    <vg-overlay-play vg-play-icon=\"config.theme.playIcon\"></vg-overlay-play>\n</videogular>\n```\n\nAdditionally, you will need to add youtube plugins and videogular to your application:\n\n```js\n\"use strict\";\nangular.module(\"videogularApp\",\n    [\n        \"controllers\",\n\n        \"com.2fdevs.videogular\",\n        \"com.2fdevs.videogular.plugins.controls\",\n        \"com.2fdevs.videogular.plugins.overlayplay\",\n        \"com.2fdevs.videogular.plugins.buffering\",\n        \"info.vietnamcode.nampnq.videogular.plugins.youtube\"\n    ]\n);\n```\n\nor with `require`\n\n```js\n\"use strict\";\nangular.module(\"videogularApp\",\n    [\n        // ...\n        require('videogular-youtube');\n        // ...\n    ]\n);\n```\n\nAnd that's all :)\n\n### Demo\n\nHere you can see a demo on Codepen:\n\nhttp://codepen.io/2fdevs/pen/qOBRpO\n\n### A note on mobile fullscreen support\n\nThe YouTube iframe API does not provide a programmatic way to make a video fullscreen. If the Videogular full screen button is enabled for YouTube videos, it will not work.\n\nWhile good results may be obtained by making the `iframe` or `videogular` element fullscreen on Android, this currently is not supported on iOS which can only make `video` elements fullscreen. The only way to support fullscreen YouTube videos on iPad is to show the YouTube controls and allow the user to tap the fullscreen button. If YouTube controls are enabled, ensure that any videogular elements that would cover the iframe, such as `vg-controls`, `vg-overlay-play`, and `vg-poster` are disabled so that the user can interact with the controls inside the YouTube iframe.\n\n### Donate\n\nIf project help you, you can donate me\n\n* Paypal: chienthan1612@gmail.com\n* Bitcoin: 1LKyH1jTP8Agd8FakpvydCP87HQzL85cFx\n\n### Install Videogular\n\nInstall [Videogular](http://www.videogular.com/) with Bower:\n\n`bower install videogular`\n\n### Install themes\n\nInstall [Videogular](http://www.videogular.com/) themes with Bower:\n\n`bower install videogular-themes-default`\n\n### Install plugins\n\nInstall [Videogular](http://www.videogular.com/) plugins with Bower:\n\n`bower install videogular-buffering`\n\n`bower install videogular-controls`\n\n`bower install videogular-poster`\n\n## Documentation\n\nIt's available on [Videogular's project Wiki](https://github.com/2fdevs/videogular/wiki).\n\n## License\n\nThe MIT License (MIT)\n\nCopyright (c) 2014 NamPNQ\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n","readmeFilename":"README.md"}