Copy environment

Video Playlist

<div class="video-playlist js-video-playlist  " data-loop="" data-shuffle="true">
    <div class="video   video-playlist__video" data-no-load="1">
        <div class="video__holder">
            <video class="video__figure" preload muted>
                            <source src="https://play.ee/play-inc/video/joke.webm" type="video/webm">
                            <source src="https://play.ee/play-inc/video/joke.mp4" type="video/mp4">
                            <source src="https://play.ee/play-inc/video/joke.ogv" type="video/ogv">
                        Your browser does not support HTML5 video.
        </video>
        </div>
    </div>
    <div class="image  video-playlist__image">
        <div class="image__inner">
            <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20180%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x180 320w, //placehold.it/640x360 640w, //placehold.it/768x432 768w, //placehold.it/1536x864 1536w, //placehold.it/1024x576 1024w, //placehold.it/2048x1152 2048w, //placehold.it/1920x1080 1920w, //placehold.it/1600x900 1600w, //placehold.it/3200x1800 3200w"
                data-sizes="auto" alt="" class="image__img lazyload">
            <noscript>
                <img src="//placehold.it/320x180" srcset="//placehold.it/320x180 320w, //placehold.it/640x360 640w, //placehold.it/768x432 768w, //placehold.it/1536x864 1536w, //placehold.it/1024x576 1024w, //placehold.it/2048x1152 2048w, //placehold.it/1920x1080 1920w, //placehold.it/1600x900 1600w, //placehold.it/3200x1800 3200w" sizes="100vw" alt="" class="image__img">
            </noscript>
        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "shuffle": true,
    "loop": null,
    "videos": [
      {
        "videoSources": [
          {
            "src": "https://play.ee/play-inc/video/joke.webm",
            "type": "video/webm"
          },
          {
            "src": "https://play.ee/play-inc/video/joke.mp4",
            "type": "video/mp4"
          },
          {
            "src": "https://play.ee/play-inc/video/joke.ogv",
            "type": "video/ogv"
          }
        ]
      }
    ]
  }
}

Multiple Videos

<div class="video-playlist js-video-playlist  " data-loop="true" data-shuffle="true">
    <div class="video   video-playlist__video" data-no-load="1">
        <div class="video__holder">
            <video class="video__figure" preload muted>
                            <source src="https://play.ee/play-inc/video/joke.webm" type="video/webm">
                            <source src="https://play.ee/play-inc/video/joke.mp4" type="video/mp4">
                            <source src="https://play.ee/play-inc/video/joke.ogv" type="video/ogv">
                        Your browser does not support HTML5 video.
        </video>
        </div>
    </div>
    <div class="video   video-playlist__video" data-no-load="1">
        <div class="video__holder">
            <video class="video__figure" preload muted>
                            <source src="https://play.ee/play-inc/video/joke.webm" type="video/webm">
                            <source src="https://play.ee/play-inc/video/joke.mp4" type="video/mp4">
                            <source src="https://play.ee/play-inc/video/joke.ogv" type="video/ogv">
                        Your browser does not support HTML5 video.
        </video>
        </div>
    </div>
    <div class="video   video-playlist__video" data-no-load="1">
        <div class="video__holder">
            <video class="video__figure" preload muted>
                            <source src="https://play.ee/play-inc/video/joke.webm" type="video/webm">
                            <source src="https://play.ee/play-inc/video/joke.mp4" type="video/mp4">
                            <source src="https://play.ee/play-inc/video/joke.ogv" type="video/ogv">
                        Your browser does not support HTML5 video.
        </video>
        </div>
    </div>
    <div class="image  video-playlist__image">
        <div class="image__inner">
            <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20180%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x180 320w, //placehold.it/640x360 640w, //placehold.it/768x432 768w, //placehold.it/1536x864 1536w, //placehold.it/1024x576 1024w, //placehold.it/2048x1152 2048w, //placehold.it/1920x1080 1920w, //placehold.it/1600x900 1600w, //placehold.it/3200x1800 3200w"
                data-sizes="auto" alt="" class="image__img lazyload">
            <noscript>
                <img src="//placehold.it/320x180" srcset="//placehold.it/320x180 320w, //placehold.it/640x360 640w, //placehold.it/768x432 768w, //placehold.it/1536x864 1536w, //placehold.it/1024x576 1024w, //placehold.it/2048x1152 2048w, //placehold.it/1920x1080 1920w, //placehold.it/1600x900 1600w, //placehold.it/3200x1800 3200w" sizes="100vw" alt="" class="image__img">
            </noscript>
        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "shuffle": true,
    "loop": true,
    "videos": [
      {
        "videoSources": [
          {
            "src": "https://play.ee/play-inc/video/joke.webm",
            "type": "video/webm"
          },
          {
            "src": "https://play.ee/play-inc/video/joke.mp4",
            "type": "video/mp4"
          },
          {
            "src": "https://play.ee/play-inc/video/joke.ogv",
            "type": "video/ogv"
          }
        ]
      },
      {
        "videoSources": [
          {
            "src": "https://play.ee/play-inc/video/joke.webm",
            "type": "video/webm"
          },
          {
            "src": "https://play.ee/play-inc/video/joke.mp4",
            "type": "video/mp4"
          },
          {
            "src": "https://play.ee/play-inc/video/joke.ogv",
            "type": "video/ogv"
          }
        ]
      },
      {
        "videoSources": [
          {
            "src": "https://play.ee/play-inc/video/joke.webm",
            "type": "video/webm"
          },
          {
            "src": "https://play.ee/play-inc/video/joke.mp4",
            "type": "video/mp4"
          },
          {
            "src": "https://play.ee/play-inc/video/joke.ogv",
            "type": "video/ogv"
          }
        ]
      }
    ]
  }
}