Hi Daniel and thanks for the reply. I've tried the first option (shape with play action) but the shape is then visible on any platform and it stays...
Concerning the video tag, I'm not sure how to use it because in the html doc produced when exported in html5, there's no video tag but a div which point to a script. Let me explain you my flow. I export a video with autoplay, loop, no controls, and an action onclick:play timeline. This gives me an html doc with hype resources files which is this one:
In this html page, there's the code: (I took off some "<" to make the code visible)
div id="fromthemoonmartincoiffier2017_hype_container" style="margin:auto;position:relative;width:620px;height:620px;overflow:hidden;" aria-live="polite">
Then I embed the webpage into another website with iframe tag
iframe style="border: none"; position="relative" src="http://www.expo.martincoiffier.com/themoon/fromthemoonMartinCoiffier2017.html" width="620" height="620" frameborder="0" scrolling="no" seamless></iframe
The reason I embed the image with iframe is because it's the only way I found to make the video visible on some Androids.
My issue: How to make visible a "play" symbol ONLY when the video does not autoplay on some devices. Then, to make disappear the symbol onclic
I'm going to try to find solutions through all the documentations but if you have something easy for me, I would be SOOOO happy !
Have a nice day !