Share a video in Wowza Video

Wowza Video generates several viewing formats for your stream, giving you flexibility in presentation. You can use one viewing format or combine them for a more robust viewing experience. 

Review the Video Details page article to learn more about the share configuration options and definitions. 

To share a video:

  1. Click Videos in the navigation.
  2. View and select a Video from the Videos list.
  3. Navigate to the Video Details page and click Share Video to display the viewing formats we provide.  
  4. Choose from one or more of the viewing formats and either share links directly or update your site with the embed codes:
    • Hosted page URL — Copy this URL and share it directly with your viewers. Wowza Video automatically generates a web page, that we host for you, and embed with the specified player. 
    • iFrame embed code — Copy this code and add it to your site to embed an iFrame with the specified player into your own site.
    • JavaScript embed code — Copy this code and add it to your site to embed the specified player into your own site.

Note: If you don't have a player configuration, create a new player configuration that suits your specific requirements first. Once you create a new player configuration, select the same in the player configuration dropdown. This changes the hosted page URL, iFrame embed code, and the JavaScript embed code. Copy the new code and share it with your viewers or add it to your site. 

Embed a video using iframe

Using an iframe embed code is a standard way to embed videos into your own site and many video services provide this as the only option. This iframe embed provides you with the following advantages:

  1. The code is easy to copy.
  2. The video player is isolated in its own window which prevents potential conflicts with other items on the page.

The iframe embed code looks like this:

<div class="flowplayer-embed-container"
     style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width:100%;">
  <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
          webkitAllowFullScreen mozallowfullscreen allowfullscreen
          src="//embed.flowplayer.com/api/video/embed.jsp?id=ddse9cb9d-b670-4453-a6bd-6c66e8d291e4&pi=3480668e-2322-4c18-b11a-92af07d07dd6"
          title="0" byline="0" portrait="0"
          width="640" height="360"
          frameborder="0" allow="autoplay"></iframe>
</div>

Using an iframe embed code limits the amount of interaction with the player since it resides in its own window. If you want to access the player object directly and programmatically interact with it, or customize it more than what is provided using the iframe embed options, you should use the JavaScript embed code.

Embed a video using JavaScript

If you want to programmatically work with the video player and need to embed the player into your own site, the best option is to use the JavaScript embed. This allows you to interact with the video player and access the Wowza Video API 2.0.

The JavaScript embed code looks like this:

<div id="player-26fd1cb2-c658-4164-8fb8-d561a069d2ef"></div>
  <script type="module">
   import flowplayer from "https://embed.flowplayer.com/cf71b369-98f1-4e17-bb7e-1209409fb7e9/26fd1cb2-c658-4164-8fb8-d561a069d2ef.js";
   flowplayer("#player-26fd1cb2-c658-4164-8fb8-d561a069d2ef",
              { });
  </script>