Embedding Videos in Reader

If you have a video uploaded to an external video player - such as Vimeo or YouTube, you can have those videos play within our internal article reader. You can do this by enabling the post for reader, then switching the article content to HTML code and embedding the video code. 

 

1. Create a new post

2. Enable post for reader

enable_reader.png

 

3. Enter article title.

4. Switch input in article content to HTML

Enable_HTML.png

 

5. Embed video HTML code into article content

Embed_Code.png

 

  • Embedding a YouTube video:

The HTML code for embedding YouTube videos is as follows:

 <iframe width="560" height="315" src="https://www.youtube.com/embed/NbXO52kWT9g" frameborder="0" allowfullscreen></iframe>

Simply replace the bolded text with the part of the URL that is after  'v='

For example, if the URL of the video you would like to embed is 

https://www.youtube.com/watch?v=FsM1nfguZI8

Then your embed code will be 

 <iframe width="560" height="315" src="https://www.youtube.com/embed/FsM1nfguZI8" frameborder="0" allowfullscreen></iframe> 

 

  • Embedding a Vimeo Video

The HTML code for embedding Vimeo videos is as follows:

<iframe src="https://player.vimeo.com/video/236081440" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" width="640" height="360" frameborder="0">&amp;lt;span id="selection-marker-1" class="redactor-selection-marker"&amp;gt;&amp;lt;/span&amp;gt;</iframe>

Simply replace the bolded text with the unique video number in your URL. 

For example, if the URL of the video you would like to embed is

 https://vimeo.com/239177148

Then your embed code will be 

<iframe src="https://player.vimeo.com/video/239177148" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" width="640" height="360" frameborder="0">&amp;lt;span id="selection-marker-1" class="redactor-selection-marker"&amp;gt;&amp;lt;/span&amp;gt;</iframe> 

 

6. Once you've entered the code into the HTML editor, switch back to the text editor. 

You will then be able preview the embedded video and add any additional text around that video. 

Preview.png

 

Users will then find that post in the content library. 

 Post_in_Library.png

 

 

Clicking on the post will allow users to view the post and play the video without leaving PostBeyond. 

 Post_in_Reader.png


Related Articles

Have more questions? Submit a request

Comments

Powered by Zendesk