Video test 3: using app, but with a twist.

I used the app to upload directly into the media library, instead of trying to do it while writing a post. This time the upload appears to have worked, and I have validated the clip’s existence on desktop.

Now let’s see if I can embed the fucker.

https://wormhole.lorarocks.com/wp-content/uploads/2019/02/img_6756.mov

Nope! WTAF?!

Hmmm. It’s using a “video” shortcode which is clearly failing.  Let’s see what the successful POS did… Aha: that fucking thing (added using a video “Block”) adds a proper HTML video element, nested inside a figure element. This here failed POS fucking post adds a shortcode. With total fail.  Fucker.

Holy shit!

Even stupider! I successfully add MOV as a supported extension for the fucking core shortcode, and while the player renders — it DOESN’T FUCKING WORK!!

The difference seems to be that the broken one has a <source> element as a child of <video>, which then pulls in the SRC — but doesn’t work. (Note: the source element also specifies the quicktime MIME type.) In Chrome, I see the poster but it won’t play. In Edge, there’s no poster until you click Play, then you get the poster…but the video does not play. Super-interesting: this implementation DOES work in Safari on iPhone. 

But the working one simply declares src as an inline attribute on the <video> element. And that works as expected in both Chrome and Edge. Also in Safari iPhone.