I'm attempting to use plyr to put YouTube videos on a page. It looks stupid simple, but I can't get it to work...
According to the documentation posted on GitHub, it appears I need to create a div, add a data-type="youtube" and the video's YouTube ID as the div's id and add a link to the CSS and JavaScript libraries...then I need to add plyr.setup(); to my user.js file.
I also tried adding this to users.js with no luck:
// Play Youtube Videos
$(document).ready(function() {
plyr.setup();
});
Any ideas for how to set up a YouTube video in Bootstrap Studio via Plyr are greatly appreciated.
Javascript functionality is stripped from running within the app it's self, you have to use the Preview button at the top right to view the site in a web browser environment.
I think this is the part your referring to about ID https://github.com/sampotts/plyr/blob/master/readme.md#youtube-embed, it's a data-video-id attribute not the DIV's ID.