As I navigate to my page where a video element is located inside of a Turbo Frame, sometimes the video doesn't load at first. I just noticed in the console that I'm getting error 400 with the video url from Google Cloud Storage.
However, if I do a full page reload, the video element will show up and there's no error 400.
The video src attribute uses the following: video.original_upload.url
if I switch it to url_for(video.original_upload)
I don't get the error 400, but I still need to do a full page reload before it'll show up. So I'm suspecting it has to do with Turbo Frames.
The link that leads to the page already uses data-turbo-frame="_top"
.
Chrome seems to load the element, but Safari requires a full page reload before the element will display.