How to Embed a Video

This article describes how to embed a video into your Displayr document.

Requirements

• A Displayr document.
• A link to wherever the video is hosted. For example, if using YouTube, as in the video above go to the video, click Share and then copy the embed code.

Method

1. On the page where you want to embed the video, go to Calculation > Custom Code.
2. Paste the following code into the R CODE area of the object inspector, updating the src in line 8 with the address of your video:

text = "<style>.embed-container
{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe,
.embed-container object,
.embed-container embed 
{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
<div class='embed-container'><iframe 
src='https://www.youtube.com/embed/QILiHiTD3uc'
frameborder='0' allowfullscreen></iframe></div>"
rhtmlMetro::Box(text = text, text.as.html = TRUE)

Since YouTube videos are not responsive to size, you can change the width and height settings as you need.

Other video platforms, such as Wistia, have advanced embed options, which can be selected and included in the embed code.

Next

How to Embed Outputs in Web Pages

How to Embed a Displayr Document within a Web Page