Making SCORM videos bigger

Question

I uploaded videos to the SCORM page and added them to the Assignments page.

When I view them, the videos appear shortened.

How can I expand them?

mrash2 · Answer

Apologies for keeping you hanging! The easy solution of opening in a new tab or window is in the Assignment Settings. In the "Submission Type" area, select the "Load This Tool In A New Tab" checkbox. You can still include the typical assignment instructions in the text editor above, but students will be presented with a button to launch the SCORM in its own window. They'll need to allow popups for Canvas to see it.

The more advanced option would require an admin to add some basic CSS to your theme. By default, it looks like Canvas limits the overall application width to 1366px. Something like the following will extend that setting to something a bit more realistic, for example:

body:not(.full-width):not(.outcomes) #wrapper.ic-Layout-wrapper {
    max-width:1800px;
}

Notice there are a couple of exceptions applied to the setting, specifically for pages intended to run full-width, like Speedgrader and Outcomes.

After we did this at my organization for some subaccounts, we also didn't like how SCORM that we do want to load on the assignment page looked, so we adjusted the height on the iframe in that case:

body.assignments iframe.tool_launch {
 height: auto!important;
 min-height: 600px!important;
}

mrash2 · Answer

The simplest option is to check the option to open the assignment in a new tab or window. If that's not ideal for your situation, it may be necessary to add some custom CSS to your theme (which an admin would need to do) to increase the max-width of the main content display wrapper and potentially add a min-height to the SCORM iframe.