Storyline: Remove Download Video Control Button (Chrome)

This issue appears in Chrome browser while running a published Storyline course in an LMS. A download button appears on the video control bar below the video. This would enable all students to download the videos to their local machine.

The fix is simple and just means adding some lines of CSS to the CSS file in the published Storyline file in the zipped package and re-zipping it. This does not affect the LMS as it just redefines the parameters on the WebKit controls in CSS for the video and audio to ensure any download options, have been disabled.

Instructions to update:

  1. Locate the file:  player.CSS in the zipped published package for example: [ModuleName]\mobile\player.css
  2. Ensure you have unzipped it locally to apply the fix
  3. Add the following code to lines 692-714
video::-internal-media-controls-download-button {

display:none;

}

video::-webkit-media-controls-enclosure {

overflow:hidden;

}

video::-webkit-media-controls-panel {

width: calc(100% + 30px); /* Adjust as needed */

}

audio::-internal-media-controls-download-button {

display:none !important;

}

audio::-webkit-media-controls-enclosure {

overflow:hidden !important;

}

audio::-webkit-media-controls-panel {

width: calc(100% + 30px) !important;

}
player.css - Atom
player.css using Atom
  1. Save the file
  2. Zip all the contents back up carefully
  3. Upload to LMS
  4. Test

Leave a Reply

Your email address will not be published. Required fields are marked *