ER: Events page continuously loading video

[MattPereira]

Emergent Requirement - Problem

When you visit the events page, the client intermittently fires off POST requests involving the Jennifer Pahlka video that is displayed (embedded?) on the page. On my browser, the loading circle continues for a few minutes before stopping.

See screenshot

This problem appears to occur only on MacOS. See comment below for Slack discussion regarding this problem.

Issue you discovered this emergent requirement in

• None

Date discovered

2023-04-02

Did you have to do something temporarily

• YES
• NO

Who was involved

@MattPereira

What happens if this is not addressed

Confusing user experience with continuous loading circle around favicon. Using extra bandwidth is a wasteful. If you have a slow internet connection, it can cause extra lag.

Resources

https://www.hackforla.org/events/

See screenshot

Recommended Action Items

• Make a new issue
• Discuss with team
• Let a Team Lead know

Potential solutions [draft]

[roslynwythe]

roslyn wythe: Hi everyone, I need to ask for help testing. We have an ER #4370 which describes a problem loading the video on the events page https://www.hackforla.org/events. In the ER, Matt reports that the loading circle continues for a few minutes before stopping. I'm not able to reproduce the problem. I do see periodic network traffic - POSTs to a server embed.ted.com which is a keep alive connection, but that does not appear to be a problem. Is anyone else able to reproduce a problem loading the video? (edited)

cnk: Yes I am seeing spinning, spinning, spinning. I am using Chrome Version 119.0.6045.199 (Official Build) on Mac 13.6.4 (Ventura). Same problem when I use Edge (a browser that I have NOT customized at all). Am seeing Tracking Prevention blocked access to storage for https://hbx.media.net/__media__/js/ucreative.js?cv=1. Is that where the vidoe file is?

cnk: events/:1 Tracking Prevention blocked access to storage for https://hbx.media.net/checksync.php?cid=8CUETUT4L&cs=1&cv=37&hb=1&vsSync=1&prvid=3%2C51%2C55%2C80%2C97%2C108%2C117%2C126%2C141%2C175%2C178%2C201%2C203%2C214%2C222%2C229%2C233%2C236%2C237%2C246%2C251%2C255%2C262%2C307%2C339%2C459%2C461%2C550%2C3007%2C3012%2C3016%2C3017%2C3018&refUrl=https%3A%2F%2Fwww.hackforla.org%2F&gdpr=0&gdprconsent=0&gdprstring=&usp_status=1&usp_consent=1&uspstring=&axid_e=&coppa=0&ckdel=0&gpp=&gpp_sid=.

cnk: I think it might be trying to show this cross site because I can use the link to www.ted.com and see the video just fine

roslyn wythe: do you know why your browser would do that?

cnk: I think it is a MacOS thing. Something about the default privacy setting

[ExperimentsInHonesty]

RW will rewrite the proposed solution to clarify that the issue that needs to be written will be to find out if there is another way of embeding the video that does not use an iframe. And if that is accomplished that, it resolves the error.

[roslynwythe]

• @ExperimentsInHonesty as we discussed, we will start by prioritizing Refactor HTML displaying video without iframe  #6353 in order to determine if the problem can be solved by embedding the video in the webpage without the iframe element. If that is feasible, a second issue will be created to recode and test.

[ExperimentsInHonesty]

Create an issue to re-evaluate because the other issue is closed (that was blocking this was closed). Go read the other issue #6353 and see what happened and do we still need to do anything.