The HTML5 Video and Audio Elements -...

User 2903050 Photo


Registered User
260 posts

Hi Inger. My friend has gone home now so do not have an iPhone to hand. Does I work on iPhone with your version of my video? Thank you
User 122279 Photo


Senior Advisor
14,447 posts

Yes, it works, on Iphone 6.
Here is the .mov file: https://www.dropbox.com/s/hifai2cq0np0b … 0.zip?dl=0
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 486215 Photo


Registered User
79 posts

Hi Folks,

I was able to add all the proper video formats that SD allows (including .mov) and uploaded a new version of "Tale of Two Brains", a lot faster than I thought I could.

You might have tested the new version on your iPhones, if you looked at this site in the last few minutes.

http://tjrdevelopment.org/TaleofTwoBrains

User 486215 Photo


Registered User
79 posts

One more thing about these new SD Video/Audio elements...

I recently changed my (extremely simple) development cover site to use the HTML5 Video element for the picture slideshow in the header of the one and only page of this website. This was to replace a video player that was generated by a third-party piece of software.

The SD video options were set to "autoplay" and "loop" only to provide a continuously running background. It runs okay on most web browsers, even including Internet Explorer 11, without problems. But, when I tried it with Google Chrome (Windows desktop and Android versions) and Opera, the video did not play - just displays the first frame and freezes there. I finally found that I had to right click the video and request "Add controls" to start the video playing.

This problem did not happen with the third-party video player software, which ran in an <iframe>, on any web browser I had ever tested it on, even on smartphones.

Not a huge problem, but I don't think anyone can fix it and it appears to be a <video> peculiarity of these two browsers, maybe as a privacy or security design. Just be aware, I guess.

Another change:
I had to move the Hero Unit container below the video instead of imposing it on top of the video. This was done by using "position:absolute" for the container. Imposing the container on top does not work for some older browsers, like IE 11, in some other versions of the cover site generated by SD, regardless of whether a HTML5 Video element or third-party software was used. This feature worked okay in RSD. And, I used only "flex" and no "grid" features in the SD version(s).

I suppose I should open a support ticket for this problem - unless I'm missing something or it's some known problem.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.