jwPlayer Video

For countries where YouTube isn't supported, we provide a local video option.

Basic Example

Please Note: Support for embedding local video is not included in the default Suit.js file. To add support, please include the jwplayer.js file on your page.

We've provided an easy plugin for embedding local video. All the JWPlayer configurations are in one place, managed by Suit. You can view the basic example below or view these other implementations:


<div class="flex-video"
     data-local-video
     data-title="SYSTEM VIDEO 2014"
     data-caption="Sonos System"
     data-ga-title="SYSTEM VIDEO 2014 - US"
     data-file="videos/system/video"
     data-image="videos/system/system-overview.jpg"
     data-share-link="http://www.sonos.com/system">

Data Options

Let's go over these data options. Each of these options are required or the plugin won't initialize properly.

  1. data-title: This option specifies the title of the video.
  2. data-ga-title: Specifies the title of the video and a localization value. Important for Google Analytics tracking.
  3. data-file: The url to the video file. Can be relative or absolute.
  4. data-image: The cover image for the video.
  5. data-share-link: Specifies the share link of the video, which is visible when the share button is clicked.
  6. data-caption: If you need to caption the video, put the text in this attribute.

Local Playlists


<div data-local-video
     data-playlist='[
    {
      "image": "http://www.sonos.com/images/videos/en/play1-setup/play1-setup.jpg",
      "title": "Play1 Support Video - US",
      "sources": [
        {
           "file": "http://videos.sonos.com/videos/en-us/play1-setup/video-ogv.ogv",
           "file": "http://videos.sonos.com/videos/en-us/play1-setup/video.mp4"
        }
      ],
      "description": "Setup Your PLAY:1"
    },
    {
      "image": "http://www.sonos.com/images/videos/en/play5/play5-intro.jpg",
      "title": "PLAY5 VIDEO 2014 - US",
      "sources": [
        {
          "file": "http://videos.sonos.com/videos/en-us/play5/video-ogv.ogv",
          "file": "http://videos.sonos.com/videos/en-us/play5/video.mp4"
        }
      ],
      "description": "Sonos PLAY:5"
    },
    {
      "image": "http://www.sonos.com/images/videos/en/play3/play3-intro.jpg",
      "title": "PLAY3 VIDEO 2014 - US",
      "sources": [
        {
          "file": "http://videos.sonos.com/videos/en-us/play3/video-ogv.ogv",
          "file": "http://videos.sonos.com/videos/en-us/play3/video.mp4"
        }
      ],
      "description": "Sonos PLAY:3"
    },
    {
      "image": "http://sonos.com/images/videos/en/system/system-overview.jpg",
      "title": "SYSTEM VIDEO 2014 - US",
      "sources": [
        {
          "file": "http://videos.sonos.com/videos/en-us/system/video-ogv.ogv",
          "file": "http://videos.sonos.com/videos/en-us/system/video.mp4"
        }
      ],
      "description": "The Sonos System"
    }
  ]'>
</div>