javascript - HTML5 视频作为 Sench Touch iOS 应用程序的启动画面

Question

我想将 HTML5 视频显示为 Sench Touch iOS 应用程序的启动画面。我正在使用以下代码:

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>

在 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'));
          }

它显示我不希望它显示的播放控件，它也不会在 4 秒后显示我的下一个屏幕(主)，因为我希望它在 4 秒后被销毁。

请帮忙。

Answer 1

移动设备不允许您通过网络/HTML 自动播放视频。在 iOS 和 Android 上播放视频都需要用户交互。恐怕目前您关于视频启动画面的想法是不可能的(没有用户交互)。

如果您想将您的移动应用包装在 Phonegap 中，您可以自动播放您的 HTML 视频:

Autoplay video in PhoneGap