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

【问题标题】：HTML5 videos as splash screen for Sench Touch iOS AppHTML5 视频作为 Sench Touch iOS 应用程序的启动画面
【发布时间】：2013-04-25 15:15:42
【问题描述】：

我想将 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 秒后被销毁。

请帮忙。

【问题讨论】：

标签： javascript ios extjs sencha-touch html5-video

【解决方案1】：

移动设备不允许您通过网络/HTML 自动播放视频。在 iOS 和 Android 上播放视频都需要用户交互。恐怕您目前无法实现视频闪屏（无需用户交互）。

如果您想在 Phonegap 中封装您的移动应用程序，您可以自动播放您的 HTML 视频：

Autoplay video in PhoneGap

【讨论】：