How to Embed and Track YouTube Videos in Articulate Storyline Projects
Here’s a step-by-step guide to embedding a YouTube video in Articulate Storyline with the video controls hidden, the video fitting the web object, and tracking video completion: Step 1: Prepare the HTML File Create an HTML File: Open a text editor (e.g., Notepad, VS Code) and paste the provided HTML code into a new file. Save this file as video.html. <!DOCTYPE html> <html> <head> <style> body, html { margin: 0; padding: 0; overflow: hidden; /* Hides the scroll bar */ } #player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> </head> <body> <div id="player"></div> <script> // Load the IFrame Player API code asynchronously var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { videoId: 'RBtnt1fvpgA', // Replace with your video ID playerVars: { 'enablejsapi': 1, 'controls': 0, 'modestbranding': 1, 'rel': 0, 'showinfo': 0, 'iv_load_policy': 3 }, events: { 'onStateChange': onPlayerStateChange } }); } function onPlayerStateChange(event) { if (event.data == YT.PlayerState.ENDED) { // Video has ended, trigger a Storyline event parent.postMessage('videoEnded', '*'); } } </script> </body> </html> *Replace 'RBtnt1fvpgA' with your YouTube video's ID. Step 2: Embed the HTML in Articulate Storyline Add a Web Object: Open your project in Articulate Storyline. Go to the slide where you want to add the video. Click Insert > Web Object. Choose to link to a local file and browse to your video.html file. Set the web object's dimensions to fit your slide and ensure it matches the aspect ratio of your video. Position the Web Object: Resize and position the web object to fit neatly within your slide layout. Ensure that the web object size matches the desired video display size to avoid scroll bars. Step 3: Track Video Completion Create a Variable: Create a new variable in Storyline, e.g., VideoComplete of type True/False. Set the initial value to False. Add JavaScript to Track Completion: Go to the slide with the video. Add a trigger to execute JavaScript when the timeline starts. function receiveMessage(event) { if (event.data === 'videoEnded') { var player = GetPlayer(); player.SetVar('VideoComplete', true); } } window.addEventListener('message', receiveMessage, false); Completion Trigger: Add a trigger to perform an action (e.g., jump to the next slide, show a layer, or complete the course) when VideoComplete is True. Step 4: Test and Publish Test the Interaction: Preview your slide to ensure the video plays, controls are hidden, and the video fits the web object without scroll bars. Publish the Course: Once everything is working correctly, publish your course. If you're tracking completion via an LMS, ensure that the tracking settings are configured correctly.Copy or move block/s from one lesson to another in Rise
Quite often when I am building out a module in rise, I create an awesome block/s within a lesson. But as I go on building and restructuring the module, the block/s or section better sit within another lesson in the same rise course. Currently, there is no way to copy or move blocks from one lesson to another - meaning I have to completely rebuild the blocks in the other lesson and delete from the original lesson. (The workaround, I think, is to save them as a template, insert the template into the other lesson, then delete the template, and delete from the original lesson). Can there be a function created that allows you to copy or move blocks to another lesson within the course without having to use the template workaround?Customizable "Invalid Answer" as a Feedback Master
Greetings, I would like to suggest adding a feedback master to properly edit the "invalid answer" or "You must answer before proceeding" prompt. Please note that we currently have "Correct Answer", "Incorrect Answer", "Retry", "Review" and "Thank you". I'm aware that the "Invalid answer" is a player prompt and not a slide one, but having the ability to customize it like other feedbacks would greatly help homogenizing our designs. Thanks in advance :)Having a "trainer mode" in Preview
Hi Community! My team and I are working with Storyline since last year. We often come to a point where just a few triggers (or even only one) are not working as expected and here comes the problem: when setting up/changing a trigger we always have to preview the entire project to analyze if it's working as desired. Our courses tend to be very long, so previewing a course with having next disabled until users clicked everywhere next disabled until timeline ends only possible to move on when actions completed / statuses are visited ... can take up to 30 mins each time!! And this list could be longer, if you know you know ;) So: it would be more than awesome if something like a preview mode exists, where all of the mentioned restrictions could be toggled off for testing certain triggers. I hope I was able to bring my thoughts to an understandable point as English is not my 1st language. Thanks for reading and the opportunity to bring such discussions up. Greetings from GermanyMake states' position relative to original slide
Please change this, or at least make it an option. It is difficult to line things up to the pixel when I cannot simply type in the position to match that of an object on the slide. What should be easy can be next to impossible. Example: I currently have a slide with ten icons in black. I want different icons to change color based on where the user is hovering. This should be easy: make a new state, have the recolored icons in the same position as their corresponding black icons. However, I can't just type in the same position as the originals, so I have to try to line it up. Of course, they look great in the editing window, but when I go to preview, they've jumped off by one or two pixels, and then I publish it and they're in yet a slightly different position. Please allow us to just type in the same x and y coordinates that I had on our original slide. Maybe it's me, but I have not yet found a use for the position being relative to the state object instead.Allow publishing access for more than one owner
My team works in a very collaborative environment and the "owner" of the course in Rise360 may not be the only owner or the only person that needs access to publish the course to our LMS. We previously all had access to publish the course as long as we were listed as collaborators (manager or editor). As of today, this access is gone and only the owner has the option to publish the course. I saw in Articulate Community that this question has been asked previously in the context of an employee leaving the organization and it was recommended to just share the link. This does not allow us to publish the course in our LMS to track completion for compliance. I'm not sure what changed for us to previously have access to the publish feature regardless of ownership or why we no longer have the access to do so, but there should at the very least be an option to assign collaborators as "co-owners" so we can have equal publishing/modification rights on team projects. Thank you!Branching options for Continue blocks in RISE 360
I was working on a project this morning and needed to add a lesson which not all learners need to complete. Rather than dropping in at the end of the course, I've used a button to branch to the lesson I need. This is inconsistent with the rest of the course (not a major irritant to the learner but to the author!) for progressing through so I wondered if Articulate have considered branching options for continue blocks rather than just moving onto the next lesson. I'm also curious to hear if anyone else has a solution to this other than building a block in Storyline.
