Embed code not working
Apr 27, 2022
I'm trying to embed a sketchfab into Storyline and it's not working.
I'm no coding expert so i was wondering if anyone could tell me why this particular code is not working?
<div class="sketchfab-embed-wrapper"> <iframe title="Bellarmine Jug" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/3c198c8721b047ac85fe8248bcf69599/embed"> </iframe> <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;"> <a href="https://sketchfab.com/3d-models/bellarmine-jug-3c198c8721b047ac85fe8248bcf69599?utm_medium=embed&utm_campaign=share-popup&utm_content=3c198c8721b047ac85fe8248bcf69599" target="_blank" style="font-weight: bold; color: #1CAAD9;"> Bellarmine Jug </a> by <a href="https://sketchfab.com/medavies?utm_medium=embed&utm_campaign=share-popup&utm_content=3c198c8721b047ac85fe8248bcf69599" target="_blank" style="font-weight: bold; color: #1CAAD9;"> In Depth Photography 3D </a> on <a href="https://sketchfab.com?utm_medium=embed&utm_campaign=share-popup&utm_content=3c198c8721b047ac85fe8248bcf69599" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a></p></div>
6 Replies
This should be the only bit you need:
But it doesn't work, I suspect you need a paid account
Thanks Phil. It's the first i've heard re a paid account. I take it that'll provide a different code?
Use this
<iframe width="560" height="315" src="https://sketchfab.com/models/3c198c8721b047ac85fe8248bcf69599/embed"></iframe>
I wrote a simple iframe and used their link
Thank you Phil. That works perfectly :-)
I know I'm last to this thread, but I'm also having trouble getting the Code snippet block in Rise 360 to work. Here is the code snippet:
<iframe src="https://www.paperturn-view.com/?pid=ODg8800854&bgcolor=%23FFFFFF&embed=iframe&shadow=1&flipSound=1&hardCover=1" width="100%" height="408" webkitallowfullscreen mozallowfullscreen allowfullscreen style="border: 0px; max-width: 100%; display: block; background-color: #FFFFFF"></iframe>
I've watched the tutorial on this site and read articles on this site, but I cannot get the code to display the item.
I have attached an image of what I see once I've embedded the code.
Hello Laura,
This is what I'm seeing when I add your code to an embed block in Rise 360:
Can I ask if you used the embed block shown here when you added your object to your course?
If not, please use the embed block and not the code snipper block for your embed object to display properly.