メインコンテンツまでスキップ

Embed Player into Website

You can embed BlendVision video/audio on demand (VOD/AOD) and livestreams into your website using the iframe player.

Use the following template to embed a video player on your website. The parameters to configure the iframe are described below.

<iframe
src="https://showroom.one.blendvision.com/embed?token=resource_token&lang=en&t=0&shareUrl=example.com"
width="640"
height="360"
allow="autoplay; encrypted-media; clipboard-write"
frameborder="0"
allowfullscreen>
</iframe>

<script>
window.addEventListener('message', event => {
if (event.data.command === 'ping') {
Array.from(document.querySelectorAll('iframe')).forEach(iframe =>
iframe?.contentWindow?.postMessage({ command: 'pong' }, '*')
);
}
});
</script>

Iframe Attributes

AttributesDescription
srcresource_token : refer to the steps to obtain the token.

Optional query string parameters:
lang : Locale (zh, ja, en).
t : The default timestampe (seconds) to start playback when player initiated.
shareUrl : The URL to share on social media. If no value provided, the default URL will be set to https://showroom.one.blendvision.com?token=resource_token
widthWidth of the embedded window (pixels)
This can be expressed as a percentage as well (e.g. 50%)
heightHeight of the embedded window (pixels)
This can be expressed as a percentage as well (e.g. 100%)

Obtain Resource Token

You can obtain the resource token in two ways:

If your content is set as public, you can directly obtain the iframe with resource_token for each content from:

  • VOD > Publishing Tools > iframe
  • Live > Publishing Tools > iframe