Now you can play any YouTube videos using the awesome OpenPlayerJS!
No new features or additions will be added, only bug fixes.
- Set the video/audio as indicated in the OpenPlayerJS installation.
- Set the
typeof your source asvideo/x-youtube. - Load this package library right after OpenPlayerJS.
- And voilá!
It allows you to override YouTube's configuration by using the youtube object in the settings. Check Supported parameters section for more details.
<!DOCTYPE html> <html lang="en"> <body> <video class="op-player__media" id="video" controls playsinline> <source src="https://www.youtube.com/watch?v=xcJtL7QggTI" type="video/x-youtube" /> </video> <script src="https://cdn.jsdelivr.net/npm/openplayerjs@latest/dist/openplayer.min.js"></script> <script src="/path/to/openplayerjs-youtube.min.js"></script> <script> var player = new OpenPlayer("video", { youtube: { // config }, }); player.init(); </script> </body> </html>This YouTube plug-in leverages the Google's YouTube Iframe API, which in turn will allow you to set a regular YouTube URL. However, this URL sets a tracking cookie by default (for marketing purposes).
This alone represents a compliance issue for the European General Data Protection Regulation (GDPR), and potentially for browsers with more strict privacy policies.
This plug-in has an option to disable the cookie in the settings, which in that case is recommended to use in this case: nocookie; however, this is only one of the multiple steps to achieve an experience that is according to what Privacy Policy expects.
To learn more about how to get a better experience with YouTube and GDPR, check this source.