Embedding Adilo Videos on Spayee (Part 1)
Adding videos to course platforms like Spayee or Acadle it's easy, in this tutorial... we'll show you how to embed videos in Spayee (_checkout another Spayee tutorial here_)
1: Inside your Spayee dashboard, click on "Add Chapters"
2: Select "Text" option
3: Go into Adilo, click on Share & Embed, in your Inline Embed code, choose Iframe Responsive and copy the embed code
4: Click on Source
5: Then paste our video embed code without the "<div> styling information"
Pasting without the "<div> styling information" means that, if the video embed code you copied is below:
<div style="width: 100%; height: null; position: relative; padding-top: 56.25%;"><iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%" allowtransparency="true" src="https://adilo.bigcommand.com/watch/sTWNF4vq " frameborder="0" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen scrolling="no"></iframe></div>
You paste only this:
<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%" allowtransparency="true" src="https://adilo.bigcommand.com/watch/sTWNF4vq " frameborder="0" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen scrolling="no"></iframe>
6: You save & publish, that's it.
Choose files or drag and drop files
1: Inside your Spayee dashboard, click on "Add Chapters"
2: Select "Text" option
3: Go into Adilo, click on Share & Embed, in your Inline Embed code, choose Iframe Responsive and copy the embed code
4: Click on Source
5: Then paste our video embed code without the "<div> styling information"
Pasting without the "<div> styling information" means that, if the video embed code you copied is below:
<div style="width: 100%; height: null; position: relative; padding-top: 56.25%;"><iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%" allowtransparency="true" src="https://adilo.bigcommand.com/watch/sTWNF4vq " frameborder="0" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen scrolling="no"></iframe></div>
You paste only this:
<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%" allowtransparency="true" src="https://adilo.bigcommand.com/watch/sTWNF4vq " frameborder="0" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen scrolling="no"></iframe>
6: You save & publish, that's it.
Choose files or drag and drop files
Updated on: 15/08/2021
Thank you!