Panopto videos do not display correctly in Canvas without 3rd party cookies enabled in the browser

Issue / Question

Depending on how the security settings of your browser are configured you may find that Panopto videos embedded in Canvas do not display correctly.

Environment

This issue occurs with Panopto content that has been added to Canvas

How to adjust your browser security settings

If you see Panopto content displaying incorrectly in Canvas you may need to adjust your browser security settings.

Example of incorrectly displaying Panopto video:

Panopto video displaying incorrectly in Canvas

 

Depending on which browser you are using, and whether you are on a computer or an iOS device you will find the appropriate security settings in different places:

1. Enable Third Party Cookies in Safari

Please note: as of Safari 13.1, third-party cookies are blocked by default. This has led to an issue where Safari may not support interaction between Panopto and an LMS without first enabling third-party cookies. Panopto is working to correct this issue; however, we are recommending that Safari users enable third-party cookies at this time. For more information, visit Webkit's article: Full Third-Party Cookie Blocking and More.  

1.1.  Open Safari and go to the left-hand corner. Expand the Safari menu and select Preferences from the drop-down menu that appears (Fig. 1).

Safari menu, with Preferences highlighted by a red box. Figure 1


1.2.  Navigate to the Privacy Tab and make sure "Prevent cross-site tracking" is deselected (Fig. 2).

Privacy settings menu. On it, "Prevent cross-site tracking" is highlighted by a red box and appears deselected. Figure 2

 

 

2. Enable Third-Party Cookies in Chrome

2.1.  On your computer, open Google Chrome.


2.2.  From the top right, select the three vertical dots and then Settings (Fig.3).

Settings dropdown menu, chrome. The three vertical dots, indicating a dropdown menu, is highlighted by a red box.Figure 3


2.3.  Select Privacy and Security from the left-hand navigation (Fig. 4). 

Settings window, Google Chrome. On the left-hand navigation, "Privacy and security" is selected and highlighted by a red box.Figure 4 


2.4.  Select Third-party cookies (Fig. 5).

Privacy and security settings, Google Chrome. On the menu of options, under "Privacy and security," the option "Third-party cookies" is highlighted by a red box. Figure 5


2.6. On the Cookies and Site Data page, select Allow third-party cookies (Fig. 6). 

General settings window, Google Chrome Cookies window, where the button to the left of "Allow third-party cookies" is selected and highlighted by a red box.  Figure 6 

3. Enable Third Party Cookies in Chrome on iOS 

3.1.  Open your device's Settings, locate and select Chrome from the left-hand navigation, and place the toggle for the option Allow Cross-Website Tracking in the on position (Fig. 7). The following is on an iOS device using version 18.1.1. 

Chrome Settings, iOS device. On it, the toggle button to the right of "Allow Cross-Website Tracking" is toggled on and appears green. It is highlighted by a red box.   Figure 7

4. Enable Third Party Cookies in Firefox

4.1.  Select the three vertical lines in the top right corner, and select Settings (Fig. 8). 

Firefox menu, expanded. On it, the option "Settings" is highlighted by a red box. Figure 8


4.2.  In the right-hand menu, select Privacy & Security (Fig. 9). 

Right hand menu of Options. On it, "Privacy & Security" is highlighted by a red box. Figure 9


4.3.  On the Browser Privacy page, select the Custom drop-down menu. Make sure that the checkbox next to Cookies is unchecked (Fig. 10). 

Browser privacy page, the option "Cookies" is highlighted by a red box and appears unchecked.Figure 10

5. Enable Third Party Cookies in Internet Explorer

5.1.  Click the gear icon in the top right-hand corner of Internet Explorer (Fig. 11).

Gear icon in Internet Explorer, highlighted by a red box. Figure 11


5.2.  Click Internet Options (Fig. 12).

Settings, Internet Explorer. On it, "Internet options" is highlighted by a red box. Figure 12


5.3.  Select the Privacy tab and then Advanced Settings (Fig. 13).

Internet options page. The tab "Privacy" and button "Advanced" are both highlighted by a red box.Figure 13


5.4.  Under Third Party Cookies, select Accept and then OK (Fig. 14).

Advanced Privacy Settings window, IE. Third Party Cookies section and OK button are highlighted by red boxes. Figure 14

6.  Enable Third Party Cookies in Edge

6.1.  In the top right corner, select the ellipses ... and then select Settings (Fig. 15).

Settings menu. The "..." dropdown icon is highlighted by a red box. Figure 15


6.2.  Select Cookies and site permissions (Fig. 16).

Settings, Edge. On it, "Cookies and site permissions" is selected in the left-hand navigation and highlighted by a red box. Figure 16


6.3.  Select Manage and delete cookies and site data (Fig. 17). 

Cookies and data stored section, Edge. On it, the option "manage and delete cookies and site data" is highlighted by a red box. Figure 17 


6.4.  Make sure the toggle to the right of Block third-party cookies is off (Fig. 18).

'Cookies and data stored' window, Microsoft Edge. To the right of "Block third-party cookies," the toggle is in the OFF position and highlighted by a red box. Figure 18 

 

7. Enable Third-Party Cookies for Safari on iOS

Please note: As of Safari 13.1, third-party cookies are blocked by default. This has led to an issue where Safari may not support interaction between Panopto and an LMS without first enabling third-party cookies. Panopto is working to correct this issue; however, we are recommending that Safari users enable third-party cookies at this time. For more information, visit Webkit's article: Full Third-Party Cookie Blocking and More.  Additionally, you may need to disable pop-up blockers or enable pop-ups on an iPhone under Safari, which should also include the web view for iOS apps. This will help with using third-party applications that are blocked from logging into Panopto.

7.1. On your device's Settings, select Safari from the left-hand navigation. Scroll down to Privacy & Security, and make sure that the toggle for Prevent Cross-Site Tracking is toggled in the Off position (Fig. 19). The following is on an iOS device using version 18.1.1. 

Safari settings. Under "Privacy and Security," the Prevent Cross-Site Tracking setting is toggled off and highlighted.Figure 19 

Additional Help

If you need further assistance, please contact the Bowdoin College Service Desk

Print Article

Attachments (0)

No attachments found.