Please help me out and visit http://www.animatedhtml.com/lightning/lightning.html and let me know if this video banner ad works for you. The default - lightning.html - autoplays & loops and is designed for PCs using mp4 After Effects created video and inserted into an Edge Animate container. I hacked the page adding this code for mobile users:
<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "lightningwc.html";
}
//-->
</script>
This second page contains controls and no autoplay no loop since they are not supported.
It works on my droid smartphone but I have had reports it does not work on a Samsung (SAMSUNG-SGH-I717) phone. I was wondering how many phones this hack does not work on and if I can tweak this somehow to make it work. I am also looking into using the javascript or server side material available at http://www.hand-interactive.com/detect/mobileesp_demo_javascript.htm which appears to be last updated on June/July 2011.
My objective is to give the best possible experience to PC users and to support mobile users too.
The banner is clickable in some areas to transfer the user to adobe.com and in the rest of area you can right click and have the option to pause the video etc.
Suggestions are welcome and definitely needed. Warning: this ad contains sound - thunder borrowed from NOAA site.
Thanks in advance
Bob