Playerlytics is a player polymer component wrapper
on npm: https://www.npmjs.com/package/polymer-playerlytics on github: https://github.com/OlympusatDevelopment/polymer-playerlytics
- From Command Line run
npm i -S polymer-playerlytics - If you're installing thi sin WordPRess, just install it in your theme folder. You may have to
npm initthere if you don't already have a package.json file set up.
Everything you need is in this package to make it easier to use in non-bower projects. I think...
- In your
<head>tag, add this for regular sites:
<script src="node_modules/polymer-playerlytics/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link href="node_modules/polymer-playerlytics/playerlytics-player.html" rel="import">
And this on WordPress sites (in header.php):
<script src="<?php echo get_stylesheet_directory_uri(); ?>/node_modules/polymer-playerlytics/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link href="<?php echo get_stylesheet_directory_uri(); ?>/node_modules/polymer-playerlytics/playerlytics-player.html" rel="import">
- Now that we've imported the webcomponents polyfill and linked to the playerlytics-player.html file, we can use the custom component in our html files.
<!-- zmSKL1B1q-c CMNry4PE93Y -->
<playerlytics-player video-id="zmSKL1B1q-c" youtube></playerlytics-player>