javascript - HTML5 videos as splash screen for Sench Touch iOS App -
i wants show html5 video splash screen sench touch ios app. using following code:
index.html:
<video id="splashscreen" autoplay="autoplay" width="100%" height="100%" src="train.mp4" type="video/mp4"></video> <script type="text/javascript"> function embedvideo() { var el = document.getelementbyid('splashscreen'); el.src= "train.mp4"; el.load(); } </script>
and in app.js:
launch: function() { var task = ext.create('ext.util.delayedtask', function () { ext.fly('splashscreen').destroy(); }); task.delay(4000); ext.viewport.add(ext.create('tec.view.main')); }
it shows play controls don't want shown , doesn't next screen(main) after 4 seconds want destroyed after 4 secs.
please help.
mobile devices not allow auto play videos via web/html. user interaction necessary play videos on both ios , android. i'm afraid idea video splash screen not possible (without user interaction) @ point.
if wanted wrap mobile app in phonegap, autoplay html videos: