Why Doesn't Some of my Content Load in Chrome, Firefox, or Safari?

Q: Why doesn't some of my embedded content load in Chrome, Firefox, or Safari?


A: PowerSchool Learning uses a secure connection (HTTPS), allowing for the safe passage of information from our servers to your computer.  If Chrome detects "insecure content" on your class page using HTTP instead of HTTPS, your browser will block the load of that content and present a "Mixed-Content" warning.


What does a mixed-content warning look like?

If you are using Chrome version 21 or later, a grey Shield Icon will appear on the far right side of your browser bar. 

Chrome 2.png


If you are using Firefox version 23 or later, a small lock icon with a warning symbol will appear on the far left side of your browser bar.  



If you are using Safari version 9.0.1 or later, there will be no warning that there is missing content. Since there is no warning provided by Safari, you may want to try using a different browser to access the embedded content, or check in with your teacher to see if the embedded content can be secured.


If you are using Chrome version 20 or earlier, when you navigate to a Page in your PowerSchool Learning class that contains anything tagged as "insecure content" by Chrome, a yellow bar will appear near the top of your browser window that reads "This page has insecure content" and gives you the option to either "Load anyway" or "Don't Load (Recommended.)

Chrome 7.jpg.jpg

Selecting to "Learn more" will take you an explanation from Chrome.

What should I do when I see it?


If you trust that the content you are trying to view is safe, go ahead and either click on "Load Anyway" in the yellow bar, or the grey Shield Icon, and then the option to "Load Anyway." 


Next, go ahead and select "Reload this Page" to reload your PowerSchool Learning Page, including all content. 

Mixed content 5.png


It may take a moment for the page to reload, but you should be able to view your content at that time.  You may also notice that the PowerSchool Learning URL, which normally appears green like this:




will now be red, with a strike through the header to indicate that it has loaded insecure content. 





If you trust that the content you are trying to view is safer, click on the small lock icon, then the arrow to the right of the small menu that appears.  



From here, select Disable Protection for now to load both HTTP and HTTPS content.  

disable protection.png


Now, the lock symbol will appear with a red slash to indicate that the page has loaded insecure content.




Find out more about Mixed-Content warnings in Firefox with these great resources from their team: 



According to this post in Apple's Support Communities, there doesn't seem to be a way to enable unsecured content to be displayed in Safari when it has been embedded in a secure page. While this functionality may become available in future versions of Safari, it looks like this was a deliberate decision by Safari's development team.


How can I prevent this from happening in the future?

At this time, Chrome and Firefox do not offer an easy way to disable this warning, and do not recommend that you do.  


The very best way to prevent this is to embed only HTTPS sites into your PowerSchool Learning class. If the third party widget you would like to embed does not have an HTTPS option, it's definitely worth suggesting to them!


PowerSchool Learning now also presents a message for teachers when they use HTTP embeds, so they are forewarned that some students may have trouble viewing the content. 


Chrome will often present a mixed-content warning for Youtube videos.  Fortunately, YouTubeoffers an HTTPS embed code for almost all of their videos.  To find the secure HTTPS code of a youtube video, view the video on Youtube.  Click on Share then Embed and make sure to check the box that reads Use HTTPS.  Copy paste the code provided into the "paste your code here" box in the Embed the Web library in PowerSchool Learning, and you'll be all set!  Students and teachers who visit your class using Chrome will not be met with a mixed-content warning for this video.

Youtube Secure Embed.jpg


Or, simpler yet!  Use the PowerSchool Learning Youtube Block.  By pasting the URL of any Youtube video into a new Youtube content block, PowerSchool Learning will automatically choose to Use HTTPS and not to Show suggested videos when the video finishes.  


Labels (1)