{"_id":"videojs-suggestedvideoendcap","_rev":"8-82330c19f71bad30c9deb362303080cc","name":"videojs-suggestedvideoendcap","time":{"modified":"2022-06-28T17:07:07.973Z","created":"2015-12-23T22:12:10.852Z","1.0.0":"2015-12-23T22:12:10.852Z","1.0.1":"2015-12-23T22:33:51.408Z","1.1.1":"2016-01-06T22:02:13.757Z","1.2.0":"2018-10-23T19:52:23.049Z"},"maintainers":[{"name":"justinmccraw","email":"jmccraw1+npm@kent.edu"}],"dist-tags":{"latest":"1.2.0"},"description":"Video.js plugin to display a grid of suggested content after a video plays.","readme":"# videojs-suggestedVideoEndcap\nCreates an endcap screen with a grid of suggested video links to watch, similar to YouTube. Inspired by Funny or Die’s [videojs-relatedCarousel](https://github.com/funnyordie/videojs-relatedCarousel).\n____\n\n### Purpose\nRecirculation is important for increasing page views and disseminating your videos. This Suggested Video Endcap looks to offer such a solution. By displaying a grid of suggested video content, a la YouTube, users may be more inclined to stay on your site and click around to content, not necessarily just videos.\n\n![Suggested Video Endcap Screenshot](https://lh3.googleusercontent.com/-9W5CiLk-t0c/VnwQESr9-0I/AAAAAAAAGKE/Ja841qexZyc/s800-Ic42/suggestedVideoEndcap.png)\n\n### Usage\nThis plugin requires [Video.js](https://github.com/videojs/video.js) and was created with version 7.2.\n\nIt also uses [flexbox](http://caniuse.com/flexbox).\n\n1. Install [Video.js](https://github.com/videojs/video.js)\n2. Add the [videojs-suggestedVideoEndcap](https://github.com/jmccraw/videojs-suggestedVideoEndcap/blob/master/videojs.suggestedVideoEndcap.css) CSS to your page\n3. Add the [videojs-suggestedVideoEndcap](https://github.com/jmccraw/videojs-suggestedVideoEndcap/blob/master/videojs.suggestedVideoEndcap.js) JavaScript to your page\n4. Initialize the plugin with some related endcap content in JSON format\n5. Test to see that, after the video ends, the related endcap appears with your related content\n\n### Example\nBelow is a sample use case. Feel free to add the videojs-suggestedVideoEndcap CSS/JS to your own project how you see fit. Separated here as an example.\n\n```html\n<link rel=\"stylesheet\" href=\"videojs.suggestedVideoEndcap.css\">\n<video id=\"my-video\" data-setup=\"{}\" preload=\"auto\" controls>\n  <source src=\"my-video.mp4\">\n  <source src=\"my-video.webm\">\n</video>\n<script src=\"videojs.suggestedVideoEndcap.js\"></script>\n<script>\n  'use strict';\n  \n  var video = videojs('my-video');\n  video.suggestedVideoEndcap({\n    header: 'You may also like…',\n    suggestions: [\n      {\n        title: 'Suggested Video One',\n        url: '/another-video.html',\n        image: 'http://placehold.it/250', // could be an animated GIF\n        alt: 'Description of photo', // optional photo description, defaults to the title\n        target: '_blank' // can be any anchor target type\n      },\n      {\n        title: 'Suggested Article One',\n        url: '/a-different-article.html',\n        image: 'http://placehold.it/250',\n        target: '_self' // defaults to self if no target value is present\n      }\n    ]\n  });\n</script>\n```\n\n### Notes\nThe CSS needs updating to conform to the size of your given media player and to add things like transitions and other effects. Currently, it's set up for a rather large implementation and truncated in the code for this case. Should also be extended for media queries, but that's a more case-by-case level.\n\nLet me know if you run into any bugs or recommendations.","versions":{"1.0.1":{"name":"videojs-suggestedvideoendcap","version":"1.0.1","description":"Video.js plugin to display a grid of suggested content after a video plays.","main":"videojs.suggestedVideoEndcap.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jmccraw/videojs-suggestedVideoEndcap.git"},"keywords":["videojs","endcap","videojs-plugin"],"author":{"name":"Justin McCraw","email":"jmccraw1+suggestedVideoEndcap@gmail.com","url":"http://twitter.com/justinmccraw"},"license":"MIT","bugs":{"url":"https://github.com/jmccraw/videojs-suggestedVideoEndcap/issues"},"homepage":"https://github.com/jmccraw/videojs-suggestedVideoEndcap#readme","gitHead":"214403f5a06586939757d1d9dc54a0234f572bcb","_id":"videojs-suggestedvideoendcap@1.0.1","_shasum":"a0809e8e4608939f78eb530a8744a88cccbdb304","_from":".","_npmVersion":"2.10.1","_nodeVersion":"0.10.9","_npmUser":{"name":"justinmccraw","email":"jmccraw1+npm@kent.edu"},"dist":{"shasum":"a0809e8e4608939f78eb530a8744a88cccbdb304","tarball":"https://registry.npmjs.org/videojs-suggestedvideoendcap/-/videojs-suggestedvideoendcap-1.0.1.tgz","integrity":"sha512-wEt3B9jyXljoSUyRgC13bPTpPQUAV/Igmc3ak1cf3KeSBcK9tfvN+8EAv6KZA28qFmIhTRBlGl3yQcnX5uhmkA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFO6I4CyhkOCMTxY3SLnozBDm5LDgRADmz8kGZ3zIKEDAiAWndZlYyTP8cULZZyraa7PPGiCL3Zw4A929u0/Ws4KMA=="}]},"maintainers":[{"name":"justinmccraw","email":"jmccraw1+npm@kent.edu"}],"directories":{}},"1.1.1":{"name":"videojs-suggestedvideoendcap","version":"1.1.1","description":"Video.js plugin to display a grid of suggested content after a video plays.","main":"videojs.suggestedVideoEndcap.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jmccraw/videojs-suggestedVideoEndcap.git"},"keywords":["videojs","endcap","videojs-plugin"],"author":{"name":"Justin McCraw","email":"jmccraw1+suggestedVideoEndcap@gmail.com","url":"http://twitter.com/justinmccraw"},"license":"MIT","bugs":{"url":"https://github.com/jmccraw/videojs-suggestedVideoEndcap/issues"},"homepage":"https://github.com/jmccraw/videojs-suggestedVideoEndcap#readme","gitHead":"0594828bfd41c676bd47488c8314f2f8b46a1957","_id":"videojs-suggestedvideoendcap@1.1.1","_shasum":"79e993a5a5c7d21dadf327a393733c54175aec61","_from":".","_npmVersion":"2.10.1","_nodeVersion":"0.10.9","_npmUser":{"name":"justinmccraw","email":"jmccraw1+npm@kent.edu"},"dist":{"shasum":"79e993a5a5c7d21dadf327a393733c54175aec61","tarball":"https://registry.npmjs.org/videojs-suggestedvideoendcap/-/videojs-suggestedvideoendcap-1.1.1.tgz","integrity":"sha512-puUGfUN04qRQkVwcMUF78RDhNqWVU5N2RE90hzX0Zazzs51U3QYUGxmFAavy8v0fvCgRTSh7pDAet9ptL83ajg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICoLlE4Pz4q49PIVyPGxKRK60dJHKESJ3MkOBhCRpPIgAiEA1G2OFOAkjUGiJMa7+1A3FImtef4nT8M8IqiEyLeJb3E="}]},"maintainers":[{"name":"justinmccraw","email":"jmccraw1+npm@kent.edu"}],"directories":{}},"1.2.0":{"name":"videojs-suggestedvideoendcap","version":"1.2.0","description":"Video.js plugin to display a grid of suggested content after a video plays.","main":"videojs.suggestedVideoEndcap.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/jmccraw/videojs-suggestedVideoEndcap.git"},"keywords":["videojs","endcap","videojs-plugin"],"author":{"name":"Justin McCraw","email":"jmccraw1+suggestedVideoEndcap@gmail.com","url":"http://twitter.com/justinmccraw"},"license":"MIT","bugs":{"url":"https://github.com/jmccraw/videojs-suggestedVideoEndcap/issues"},"homepage":"https://github.com/jmccraw/videojs-suggestedVideoEndcap#readme","gitHead":"98d6ccd99a339f1c2f106f778781ee18a9f16c1f","_id":"videojs-suggestedvideoendcap@1.2.0","_npmVersion":"5.6.0","_nodeVersion":"8.11.3","_npmUser":{"name":"justinmccraw","email":"jmccraw1+npm@kent.edu"},"dist":{"integrity":"sha512-+YLxnJumsyQylBw81ktbPJxohX2hEFpISCuAjxlMHQdurz/7k1lBFqSSwMldp1zmjJVKAeIiYuvPE9FIj4eHCA==","shasum":"45d222717471926f477f53a510b4137b1e2f51e8","tarball":"https://registry.npmjs.org/videojs-suggestedvideoendcap/-/videojs-suggestedvideoendcap-1.2.0.tgz","fileCount":5,"unpackedSize":8461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbz3v3CRA9TVsSAnZWagAAATYP/iIjFCGIf3yegd/xFA2+\n7DYCVtnDqiQUdEh7Chp/i4YNWPMGLcJuXY/yAon4yCutQVenkN/CYGD7YQIW\nL5viJqrNf555oBJxMHLophB9kaaOeY64nxxnS0VH8Z+968E6hzOXSPZpOEfQ\nDuNQGTMTOPDXqamOgYEbP4LrehgKqj4/DpHX0MtKBqmI6IKtCPCjkhYdJsHx\nWSXs/aVs8TTR3wBZjyIsTHmi4+vk0s7R7skzJp7XQP1U9vFeiMGRZPB6zClf\nMNUV13v29f32rYGOFQqHfNChmufjB91k+wusGT3yjI6nGVSnx+w3ZQFqNLh3\nm5Odm3lNYm2rWLT785qMcHm9bjgcbkFWC75McCVf67lgQb8Orvz82zwznTlm\nvhyXkYtGAcpdK378UnXM66aVZxpBnIcpVBEW7MF8WOXzRe0fjKJrOhqPe+Yv\n/4h7PzfiF/viN9yRj3bpGftX7DRE6f/TN1GKGJq74mBwttJvXwLWb/RSFS4B\nBxI5px6WyY+uEap4IIX8+q6VYP/ni2Jjp4A+cfho0ZcA2afaN8f9rp4ftfSk\nbYIN+t7gGyQeWfLo1frRwguYvGm949UaCn5pwSQDWQKnv085NSHU9cUEP73/\n8kL0a/8u4KB7U9jFjoc6/Pju3RgC/E0DBGc23WTYia66FCVAATmMjTpAW0T2\nWHJT\r\n=m4ES\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID3m2TW8jZUD5kfbnWpyvNc5oaWBpKRi74wrFdFX/OCGAiEAxpZwodOBoeyDrnK+q0Vb1nOmEF/5Gj/R6SKUBXqRcfQ="}]},"maintainers":[{"name":"justinmccraw","email":"jmccraw1+npm@kent.edu"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/videojs-suggestedvideoendcap_1.2.0_1540324342975_0.38736822861493425"},"_hasShrinkwrap":false}},"homepage":"https://github.com/jmccraw/videojs-suggestedVideoEndcap#readme","keywords":["videojs","endcap","videojs-plugin"],"repository":{"type":"git","url":"git+https://github.com/jmccraw/videojs-suggestedVideoEndcap.git"},"author":{"name":"Justin McCraw","email":"jmccraw1+suggestedVideoEndcap@gmail.com","url":"http://twitter.com/justinmccraw"},"bugs":{"url":"https://github.com/jmccraw/videojs-suggestedVideoEndcap/issues"},"license":"MIT","readmeFilename":"README.md"}