• Skip to content
  • Skip to footer

Center for Learning and Teaching

Main navigation

  • Canvas
    • Introduction to Canvas
    • Canvas Tutorials
    • Canvas Resources by Instructure
    • Go to Canvas
  • Aspects of Teaching
    • Approaching Flex-Hybrid Design >
      • Strategies: Designing Your Course
      • Using Modules Effectively
      • Design – Lecture Courses
      • Design – Discussion-based Courses
      • Design – Project-Based Courses
      • Building Your Course in Canvas: Using the Template
    • Flex-Hybrid Classroom Community Series
  • COVID-19
    • Fall Ramp-Up Process >
      • Preparing for Your Kickoff Conversation
      • The Design Phase
      • Preparing for Course Review
    • Fall 2020 Course Standards
    • Official Champlain Covid-19 Updates
    • Spring 2020 Continuity Resources
    • Diversity, Equity, and Inclusion for Remote Learning
    • Self-Care Resources
  • Technology
    • Learning Zoom
    • Zoom FAQs
    • Learning Panopto
    • Videoconference Teaching Guide
    • GSuite Teaching Blog Series
    • EdTech Tutorials
  • Webinars & Events
    • Events Calendar
    • Past Webinars Archive
    • Podcast Archive
    • Past Workshop Series
      • Transformational Learning: Exploring Place-Based and Experiential Education – Faculty Learning Community
      • Empowering Ourselves and Others in a Changing Climate – Faculty Learning Community
      • Faculty Reading and Writing Groups, Spring 2020
  • Blog
  • More…
    • Schedule an Appointment
    • Meet the Team
    • CLT on YouTube
    • All Tutorials

Fixing Web Browser Content Display Issues


Because the Canvas instance at Champlain College is secure (https://), any content included on a Canvas page that is insecure (https) will not display unless the user makes a specific security exception. Content will display as such (in Google Chrome):

Google chrome view of insecure page message

How to resolve this issue:

1.  Embedded videos

  • Both Vimeo and YouTube support https. Change the url from http to https and it will work.
  • Screencast.com does not support https. Put a link to the screencast video on a Canvas page (or assignment/discussion) and NOT use an iframe include or a link from modules. This way, the video opens in a new window/tab.
  • Any video stored in the course files or the built in Canvas Kaltura video storage will avoid this issue.

2.  Images

  • Storing an image in the course itself should be the preferred procedure as long as the copyright allows this.
  • Don’t forget to use ALT tags for ADA compliance.

3.  Links to sites

  • DO NOT link to https sites in the Module view. Instead, create a page and link to the site from that page (so it opens in a new window/tab). Link to a website in Modules is placed in a frame in Canvas. This frame may not display properly because of the mixed content issue.
Last Updated: 3 years ago in Canvas for Faculty, Student Tutorials Tags: browser, links, security, web content

Footer

Tutorial Categories

Accessibility Canvas for Faculty Classroom Culture Classroom Delivery & Facilitation Classroom Management Course Design Diversity & Inclusion Education Technology Feedback & Grading Flex-Hybrid Google Suite Remote Instruction Student Evals & Feedback Student Tutorials Zoom

Copyright © 2021 · Altitude Pro on Genesis Framework · WordPress · Log in