Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including openplayerjs-youtube with all npm packages installed. Try it out:

var openplayerjsYoutube = require("openplayerjs-youtube")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

openplayerjs-youtube v1.1.1

OpenPlayer extension to play YouTube videos

openplayer

OpenPlayer.js - YouTube

NPM
JSDelivr Conventional Commits

Now you can play any YouTube videos using the awesome OpenPlayerJS!

Installation

  1. Set the video/audio as indicated in the OpenPlayerJS installation.
  2. Set the type of your source as video/x-youtube.
  3. Load this package library right after OpenPlayerJS.
  4. And voilá!

Configuration

It allows you to override YouTube's configuration by using the youtube object in the settings. Check Supported parameters section for more details.

Example

<!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', null, false, {
            youtube: {
                // config
            }
        });
        player.init();
    </script>
</body>
</html>

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free