A minimal example of a frustrating bug I haven't managed to fix* with
getting HTML5 videos to masquerade as gifs in Safari. Loading HTML5 videos via
jQuery in Safari results in a strange bug where the video won't display until
the tab is hidden and reopened.
* Hacky fix in branch hacky-workaround. See details below
To run (with python 3):
- run
make run - go to http://localhost:8001/1.html in Safari
- scroll down
- open a new tab then go back to the original
- pull hair out
After much exploration, it seems that Safari doesn't like loading HTML video via
jQuery.load() if you give it a selector. I assume this is what is happening
behind the scenes in infinite-scroll, since you have to give it the div class
that it uses to update the container. Safari will happily load the videos via
jQuery if you let it load the whole page, so the workaround has skeleton
pages for the extra content that gets loaded in full (taking advantage of the
infinite-scroll library via a custom load method).