For a consistent look and feel, all videos must be embedded in the same way. To do so, get the embed code of the video from the video portal and edit it to resemble this embed code:

<div style="width:560px; height:315px; position: relative; padding-bottom:0px"><iframe src="https://videos.staedean.com/v.ihtml/player.html?token=[token]&source=embed&photo%5fid=[ID]" style="width:100%; height:100%; position: absolute; top: 0; left: 0;" frameborder="0" border="0" scrolling="no" mozallowfullscreen="1" webkitallowfullscreen="1" allowfullscreen="1" allow="autoplay; fullscreen"></iframe></div>

Where these variables represent the video specific values:

  • [token]
  • [ID]

The quickest way to edit the embed code from the video portal is to replace the first tag with this tag: <div style="width:560px; height:315px; position: relative; padding-bottom:0px">


Standard procedure

1. Go to the video portal: https://videos.staedean.com/manage/video/
2. Click the desired video.
3. On the video details, click Embed, Copy embed code.
  File image60918206-57DA-4D04-8B3B-0A07FE84C788
4. Paste the embed code to, for example, Notepad and edit it to resemble the example in the topic introduction.
5. Copy the edited embed code to the video reference URl (see next topic).