This post goes out to my blogging brethren (and sistren) around the world… I’m sure more than a few of you have tried this, yourselves, so hopefully it’ll be of some help to people.
I recently looked back at a post of mine embedding Autodesk University 2018 videos and noticed that they no longer worked: I was sure they did when I wrote the post, but it seemed that something had changed, probably with the viewer component being used. I gnashed my teeth for a while and then posted to the Ooyala developer forum to see if anyone there could help.
It turns out that the embed codes currently provided by the AU website are wrong. Click on this link, start to play the video, and then select the “</>” in the bottom right to get its embed code.
The code that gets provided is (at the time of writing) this:
<iframe width="640" height="480" src="//player.ooyala.com/static/v4/candidate/latest/skin-plugin/iframe.html?ec=w0dzhvZzE6U5BgkUokxObHgCHya_km3N&pbid=e7917642de4a4f1eae0a331375e03784&pcode=o3OG46qoFLfL76WkTkb1a9k23qBd" frameborder="0" allowfullscreen=""></iframe>
The source URL refers to an unstable version of the iframe player, but it also has a parameter missing. All you need to do is to change candidate to production in the URL, and then add &=inline{} to the URL parameters. (I found this last piece out via browser debugging… there’s a little piece of code that deserializes params.inline as JSON and then checks whether it’s defined: if params.inline isn’t defined in the first place we get a JSON parsing error.)
<iframe width="640" height="480" src="//player.ooyala.com/static/v4/production/latest/skin-plugin/iframe.html?ec=w0dzhvZzE6U5BgkUokxObHgCHya_km3N&pbid=e7917642de4a4f1eae0a331375e03784&pcode=o3OG46qoFLfL76WkTkb1a9k23qBd&inline={}" frameborder="0" allowfullscreen=""></iframe>
I don’t know whether the root issue is with the AU website’s integration of Ooyala technology or with the technology itself. Either way, I’ve reported it to the AU website team and have heard back from them that they’re aware of the situation, so with any luck this will already have been fixed by the time you read this post. Here’s the (hopefully) working embedded video, for you to test:
Have fun embedding your favourite Autodesk University videos into your blogs and websites. Thanks for helping spread this knowledge!
