Video.js Plugin SDK Set Up

Follow the instructions on video.js’s getting started page. In order to integrate with the *Plugin SDK, you must contain the video embed code within the p3sdk-container div. The player_id variable must also be set equal to the video_id variable (highlighted in pink).

<div class="p3sdk-container p3sdk-debug" player_id="video-js" player_type="videojs">
    <video id="video-js" class="video-js" controls preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
        <source src="VIDEO_LINK_HERE" type='video/mp4'>
        <source src="MY_VIDEO.webm" type='video/webm'>
        <p class="vjs-no-js">
         To view this video please enable JavaScript, and consider upgrading to a web browser that
            <a href="" target="_blank">supports HTML5 video</a>
    <script src=""></script>

*The Plugin SDK is sometimes referred to as "P3SDK"

Have more questions? Submit a request


Please sign in to leave a comment.
Powered by Zendesk