Online Help

Embed Muvi Video Player in Website

 

Introduction

Embed Player Using iFrame Link

Embed Player Using Muvi WordPress Media Plugin

Embed Player Using Mobile SDK

Embed Player Using API

Capturing Media Events from Embed Player

 

Introduction

At Muvi, we also provide a feature where you can embed Muvi video player to any third party website or you can embed the player to your other website. If anyone embeds Muvi player on his/her website, then he/she can watch your video content without any restriction. There are different ways to embed the video player into any third-party website. You can embed the player using the iFrame link of the video content, by using the WordPress Media Plugin, by using Mobile SDKs(Android, iOS) and by using the API. 

Note:

  • Embed link (iframe) is available for the content which is mapped to video. You will not see the 'Embed" option for the content which is not mapped to any video.
  • There is no option available to monetize the embed content. Users can watch the content for free.  

 

  • To embed player, go to “Manage Content-->Content Library” in your CMS.
  • On the right-hand side of the content, under “Action” you can see the “Embed” icon.
  • To share the player link of particular content, click on the “Embed” icon of that particular content.
  • When you click on the “Embed” icon, a window will open
  • Click on “Copy” to copy the embed URL(iFrame), which contains a link to the corresponding video along with an embed video player.
  • Now paste the URL to any page/location of any website.
  • To share the embed link in social media sites like Facebook, Instagram you need to remove all the embed code and only paste the content URL

(For Example, https://www.muvi.com/embed/0939fce6dc3096420aded5fa5457e59e )

Note: If you will share embed link of a specific content that is Geo-Blocked then the content will not be played in that particular country which is in the block list.

 

 

Embed Player Using Muvi WordPress Media Plugin

Muvi’s WordPress Media Plugin allows you to easily embed Muvi video player in WordPress pages. To use the Plugin, first, you need to download and install it. After installing the plugin, you need to configure it and then you can use it to insert videos to your WordPress site. Please click here to know how to use the WordPress Media Plugin to embed the player on a website. 

 

Embed Player Using Mobile SDK

You can embed the Muvi Player in mobile apps (Android, iOS) using the Mobile SDK (Software Development Kit). You can access the SDKs in the Muvi CMS. Please click here to know how to download the SDK documents for Android and iOS. The minimum Android SDK version supported by Muvi Player is Android 5.1(API level 22) which is Lollipop and for iOS, it is 10 and above. 

Muvi Player SDK Technical Specification:

Supported Video Formats:

  • HLS
  • MP4
  • MPEG-DASH
  • Progressive MP4

Supported Features:

  •  Multiple Audio Tracks
  •  Frame seeking
  •  Multiple video resolutions
  •  Customizable subtitle fonts, colors, size
  •  Gestures operations- Seek, volume, brightness
  •  Custom player controls
  •  Pre-built Settings dialog - for switching between multiple video resolutions,
    subtitles, and Audio.
  •  Full-Screen video playback
  •  Watermark

Subtitles & Closed captions:
 VTT for both Android & iOS

DRM formats
 Widevine for Android and Fairplay for iOS

 

Embed Player Using API

You can also embed the Muvi video player to a website using the API. It allows you to embed bulk videos to a website and you can also automate the embed process. That means when you add a video in your Muvi store, the video will be automatically embedded to the site which you have linked through the API. Please click here to know the APIs you can use to embed the Muvi player. 

 

 

Capturing Media Events From Embed Player

You can use the media events (such as "Start of Playback", "Pause of Playback" etc.) captured from the embed player to trigger an event or display a message to the end users. These events are captured only for DRM enabled content. 

To capture the events you need to paste the following code inside the web page where you have embedded the player. 

 

<script>
window.addEventListener("message", receiveMessage, false);

function receiveMessage(event)
{
console.log(event.data);
}
</script>

 

List of events you can capture:

  • Start of Playback
  • Pause of Playback
  • Progress in Playback
  • End of Playback 
  • Seek 
  • Media Loads
  • Buffering
  • Change in duration

 

 

 

 

Related help article: Allow Embed Player on Specific Domains

Launching your own
OTT product

has never been easier
Take a Free Trial
No Credit Card required!
close-link