IFRAME Embedding

This document explains how to embed a VMS player into your page via the JS IFRAME Embedding.

Stylesheet

Copy-paste the stylesheet <link> into the <head> part of the html page.

<link rel="stylesheet" href="https://vms-embed.rtl.de/embed/v1/iframe.min.css" id="vms-iframe-stylesheet"/>

Javascript

Copy-paste the javascript <script> into the <body> part of the html page as the last script element.

<script src="https://vms-embed.rtl.de/embed/v1/iframe.min.js" id="vms-iframe-javascript"></script>

HTML

Create an HTML tag with the minimal configuration and place it in your HTML code.

  • Set the appropriate client ID with the data attribute data-vms-client-id.
  • Set the appropriate video ID with the data attribute data-vms-video-id.
<div data-vms-client-id="rtl" data-vms-video-id="5d5db5661d90da5cd9228f92"></div>

Configuration

Add the data attributes to the HTML container to configure the embedding of the VMS player.

Attribute Description Default Mandatory
data-vms-client-id The ID of the client   yes
data-vms-video-id The ID of the video   yes
data-vms-video-ratio The RATIO of the video 16:9 no