Embed TrilbyTV content in a VLE?
TrilbyTV offers a couple of ways of embedding content in your VLE or website.
Click the Edit pencil icon on a content item to view the edit options. Click the toggle to enable the Public Sharing option and agree that it is OK to share the content item publicly. There are four items shown.
Web players and embedded content will always be silent, see this article to learn why and how to work around this.
- Public Link – This is a standalone web page that you can send to anyone to enable them to view that content item. It doesn’t require a login, so is ideal for sharing online via Facebook, Twitter, or in an email newsletter.
- Embed Code – This HTML code can be copied into a page on your VLE and will include the content item inline with your other page content, allowing visitors to the page to view the content right there. This uses an Iframe to embed.
Example Embed code:
- Image Link – Some VLE’s or website tools may not allow Iframe embedding of content. In this case, use the Image Link instead. This will place a thumbnail image of your content on the webpage which will link to the Public Link page. This can then be clicked on by visitors to view the content.
Example Image Link code:
- You also have the option to share directly to Google Classroom.
<iframe src="https://app.trilbytv.co.uk/public/8062d068-dc96-4b4f-9117-29ed108b5c13" width="480" height="270" frameborder="0" allow="autoplay" allowfullscreen></iframe>
<a href="https://app.trilbytv.co.uk/public/view/2c35e5bb-99a0-4b81-9ed1-ae9a3a39b853" target="_blank" title="Bioluminescence" style="text-decoration: none;"><img src="https://api-web.trilbytv.co.uk/public/preview/2c35e5bb-99a0-4b81-9ed1-ae9a3a39b853?button=1" style="width:480px; height:270px; border:none;" alt="Bioluminescence" width="480" height="270" /></a>