Embed code working in Storyline but not Rise.
Sep 27, 2021
I'm no coding expert but i'm converting a course from Storyline to Rise and in the Storyline Course, i have embeded a Sketchfab which works perfectly in Storyline.
When i copy the exact same code to Rise it's saying it's not valid. Has anyone anyy idea why this is?
The code is
<div class="sketchfab-embed-wrapper">
<iframe title="A 3D model" width="640" height="480" src="https://sketchfab.com/models/eac39e8fb40c4dc89f01b8d8e750c9ba/embed?autostart=0&ui_controls=0&ui_infos=0&ui_inspector=0&ui_stop=0&ui_watermark=1&ui_watermark_link=0" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
<a href="https://sketchfab.com/3d-models/lead-cloth-seal-united-east-india-company-1805-eac39e8fb40c4dc89f01b8d8e750c9ba?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Lead Cloth Seal, United East India Company, 1805</a>
by <a href="https://sketchfab.com/maritimearchaeologytrust?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Maritime Archaeology</a>
on <a href="https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a>
</p>
</div>
3 Replies
Hi Howard,
In my experience, in Rise the embed iframe statement needs to be short and very simple. Rise does not like long statements with many parameters as shown in your example.
https://articulate.com/support/article/Rise-360-How-to-Embed-Published-Content-in-a-Web-Page
You can also try to add the URL directly in Rise. I used: https://sketchfab.com/3d-models/lead-cloth-seal-united-east-india-company-1805-eac39e8fb40c4dc89f01b8d8e750c9ba?utm_medium=embed&utm_source=website&utm_campaign=share-popup directly in Rise and this was displayed:
I raised a ticket on this.
For Rise, it turns out i had to cut out and use this part of the code only...
<iframe title="A 3D model" width="640" height="480" src="https://sketchfab.com/models/eac39e8fb40c4dc89f01b8d8e750c9ba/embed?autostart=0&ui_controls=0&ui_infos=0&ui_inspector=0&ui_stop=0&ui_watermark=1&ui_watermark_link=0" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>