UPCOMING WEBINAR: Run Research Your Way With AI Skills Register now >>

Articles in this section

How to Embed a Video

  • Updated
Follow

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

Requirements

  • A Displayr document.
  • A link to wherever the video is hosted. The video needs to be hosted on a video hosting website like YouTube, Wistia, etc., that has an actual video player that can play the video. If you link to a file directly, then the file will be downloaded instead of played. 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 26UI_Calculation.png > Custom Code.
  2. Click on the page to place the video object.
  3. Paste the following code into the Code 26UI_CodeEditor.png panel, 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

Related articles