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.Bring back the Job Postings page
Hi everyone, I was sad to see the Job Postings page disappear from the site. I am an eLearning Designer/Developer who has been working with Articulate 360 since 2010. I work remotely and have found the Job Postings page to be an excellent resource for finding new clients and projects, because the companies which posted there were already interested in people who used Articulate Storyline, Rise, etc Please bring it back. If you're a developer like me, you know how valuable that page is. Dan S.Font options for Closed Captions
The choices for Closed Captions are a good start (colors, fonts) but when using a black color (or any bold color) on a white or transparent background, the CCs look like garbage. And depending on the font chosen, many words unreadable. There is a black outline that needs to go away or have the option to turn it off. Thanks.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!Storyline - Toggle background music to play/pause when the player play/pause button clicked
In Storyline I need a trigger, or JavaScript, that monitors when the player's play/pause button is clicked, aka timeline paused by the end user. If the timeline is paused, I would want the background music to pause. Then, when play is clicked, the timeline and background audio would resume.Adding an angle option in format for shapes like Parallelogram, triangle, etc.
Currently, when working with shapes like parallelograms or triangles, which have angles, as well as image-based shapes, it can be challenging to maintain consistency throughout the course. If Articulate included an angle option in the format tab, alongside height and width, it would make it much easier for developers to work with these shapes and image-based shapes.AI Automation - Build more efficiently with assistance
Hello, It was great catching up with one of the Articulate team at the excel L&D tech event yesterday in London. It gave me the opportunity to explore everything currently possible with the platform from an AI perspective before we look to include it in our package. (It's looking likely, it's a great addition to the platform, kudos to the team for implementing it!) I just wanted to pass on some suggestions and ideas I discussed with I think Charlotte, but forgive me if I misheard! I enquired about some automation capability with AI, in regard to building courses more efficiently which I understand is not currently possible. I thought I'd suggest it here to hear from the community and share it with you. For example: Template matching: Allow users to create and setup a "Templates" area that a bot can duplicate. Example use case: Creating large assessments with group branding, buttons, states and iconography in just a few clicks. I could upload an excel of the questions I would like to add, assign it to one of our pre-created templates and it will add in all the details for me and save a lot of time with formatting and editing slides. I could make sure the excel provided certain details such as: The question Any answers Feedback Graded Question Type Attempts Add to question Bank (Yes/No) Question Bank Name Assessment Name (For courses with multiple assessments) This could potentially work in a similar fashion with other types of defined automated AI tasks "Articulate-d" Want to make a decision tree with company branding, button states and triggers already assigned? Just gather those data points and build it in a matter of clicks. How about setting up a suite of videos for a new product launch? Add in the videos you want to share and select a template. Sharing multiple documents for a particular subject to build a resource hub? Add in any type of file and select a template. The possibilities are endless! It could really help us work smarter and not harder and take away those often time consuming and tedious tasks that are really important to ensure consistency across the business. Looking forward to seeing what is possible in the coming years!Discussion forums - add original date posted to listing page
So many discussion forum posts were initially created years ago and are requesting help, advice or commenting on a wish list item, they are normally not very useful and a bit of a distraction. Can the main listing page include the original date the post was created, that way users will be a bit more aware it is likely to be outdated.We need an update to Engage 360
I appreciate how Engage allows me to quickly add interactive elements to my Storyline 360 course without needing to create them from scratch. However, I find its appearance somewhat outdated and its customization options limited. Are there any plans on the distant horizon to update this tool?
