Equirectangular video can be displayed in conjunction with Video.js. For this functionality, Pannellum’s API must be used.


<!DOCTYPE html>
    <meta charset="utf-8">
    <title>Pannellum Video Demo</title>
    <link rel="stylesheet" href=""/>
    <script type="text/javascript" src=""></script>

    <link href="" rel="stylesheet"
    <script src=""></script>
    <script src="/js/videojs-pannellum-plugin.js"></script>

<video id="panorama" class="video-js vjs-default-skin vjs-big-play-centered"
  controls preload="none" style="width:100%;height:400px;"
  poster="/images/video/jfk-poster.jpg" crossorigin="anonymous">
    <source src="/images/video/jfk.webm" type="video/webm"/>
    <source src="/images/video/jfk.mp4" type="video/mp4"/>
    <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>

videojs('panorama', {
    plugins: {
        pannellum: {}


Pannellum is developed on GitHub by Matthew Petroff.
CDN via KeyCDN.