TITANium Resource CenterFrequently Asked Questions DropboxHow do I change the size at which a video linked from Dropbox displays?

How do I change the size at which a video linked from Dropbox displays?

You will learn how to change the size at which a video you have linked from Dropbox displays on your course site in TITANium. For example, the display size of an imported video is only 400 x 400 pixels or less. This size is OK for a head shot, but rather small for a lecture or PowerPoint video.

Follow these steps below after you have already made a link to a video file in your Dropbox account which will appear in your course in TITANium.

1. Enter your course in TITANium.

Enter your course in TITANium.

2. Click on video link.

In this example, the linked video is embedded in a Page resource.

Click on video link.

3. Note the small display size of your video.

The default display size for a video in TITANium is rather small. This video is displayed at 400 x272 pixels. That is a little too small for a PowerPoint video (a video made from a PowerPoint voiceover).

Note: All videos should be captioned or transcribed to provide universal access.

Note the small display size of your video.

4. Click on Edit settings.

For some resources and activities, we can simply click on the Edit settings link within the Administration block. For others, it may be necessary to expand the Course administration section and then click on Turn editing on.

Click on Edit settings.

5. Scroll down to the Content section.

Scroll down to the Content section.

6. Click on the Show more buttons icon.

Expand the tool menu by clicking on the Show more buttons icon.

Click on the Show more buttons icon.

7. Click on the HTML icon.

The HTML icon is the opening and closing HTML tag brackets < >.

Click on the HTML icon.

8. The HTML code is displayed.

The blue highlighted part of the HTML code is the URL to the video.

The HTML code is displayed.

9. Copying and Pasting the iframe HTML code

Use these sub-steps to add the code for an iframe surrounding the URL for the video. An iframe will allow us to specify the exact dimensions for the display size of the video.

9.1. Copy the opening tag for the iframe

Copy this HTML code here: <iframe src=

9.2. Replace the first part of the HTML code before the URL.

Replace the code only before the quotation marks for the URL.

Replace the first part of the HTML code before the URL.

9.3. Copy the ending tag for the iframe.

Copy this HTML code here: width="782" height="532" frameborder="0" scrolling="no"></iframe>

9.4. Replace the last part of the HTML code after the URL.

Be sure to leave a blank space after the closing quotation for the URL.

Replace the last part of the HTML code after the URL.

9.5. Change the height and width to match the desired size.

Replace the width and height numbers with the ones for your own video. For example, if you are using video from your cell phone camera or from a PowerPoint video, it might be 1280 x 720.

If the video dimensions are larger than desired for playback, you can make them a smaller, but you should keep the same aspect ratio. For example, if 1280 x 720 is too large, use a multiple, like 1024 x 576 or 768 x 432.

Be sure to leave the quotation marks in place.

Change the height and width to match the desired size.

10. Click on the HTML icon.

Click on the HTML icon.

11. The video should display in the Page content area.

If the video does not display and start to run, then you may have made a mistake with copying and pasting the HTML code for the iframe. Click on Edit settings in the Administration block to start over. Otherwise, continue with the next step.

The video should display in the Page content area.

12. Click on Save and display.

Click on Save and display.

13. The video is now displaying at the desired size.

The video is now displaying at the desired size.

Article Summary

You have learned how to use an iframe to set TITANium to display your video at the desired size.

0 Comments

Add your comment

E-Mail me when someone replies to this comment