如何在sencha touch 2中启动应用程序期间显示启动视频

时间:2012-08-23 09:31:50

标签: cordova sencha-touch extjs sencha-touch-2

我已经使用sencha完成了应用程序,使用手机间隙构建我正在打包这些文件。现在我可以在启动应用程序时显示splash .png图像。但我需要在启动应用程序时向用户显示启动视频。所以我添加了源图像路径添加视频路径没有得到启动视频。我想知道是否是sencha touch2支持启动视频?。如果它支持意味着它将支持哪种类型的视频格式。可以告诉我如何在sencha touch2中实现这一点。

以下是启动图像的代码:Config.xml(工作)

<?xml version="1.0" encoding="UTF-8" ?>
    <widget xmlns = "http://www.w3.org/ns/widgets"
        xmlns:gap = "http://phonegap.com/ns/1.0"
        id        = "com.phonegap.example"
        versionCode="10" 
        version   = "1.0.0">
    <!-- versionCode is optional and Android only -->
    <name>ABC</name>
<gap:splash src="resources/splash/def.png" width="1024" height="768" />
<gap:splash src="resources/splash/def.png" gap:platform="android" gap:density="ldpi" />
<icon src="resources/icons/xyz.png" gap:platform="ios" width="80" height="80" />
<icon src="resources/icons/xyz.png" gap:platform="android" gap:density="ldpi" width="100"  height="100"/> 
</widget>

以下是Splash视频的代码:config.xml(不工作)

<?xml version="1.0" encoding="UTF-8" ?>
    <widget xmlns = "http://www.w3.org/ns/widgets"
        xmlns:gap = "http://phonegap.com/ns/1.0"
        id        = "com.phonegap.example"
        versionCode="10" 
        version   = "1.0.0">
    <!-- versionCode is optional and Android only -->
    <name>ABC</name>
<gap:splash src="resources/splash/AVIFile.avi.mp4" width="1024" height="768" />
<gap:splash src="resources/splash/AVIFile.avi.mp4" gap:platform="android" gap:density="ldpi" />
<icon src="resources/icons/xyz.png" gap:platform="ios" width="80" height="80" />
<icon src="resources/icons/xyz.png" gap:platform="android" gap:density="ldpi" width="100"  height="100"/> 
</widget>

1 个答案:

答案 0 :(得分:1)

删除在Phonegap或Sencha中给出的启动图像。现在,使用IFRAME或html5视频标记在index.html文件中添加视频;为您正在使用的标签提供ID。

现在,在Sencha launch函数中按ID访问元素并将其从DOM中删除。你应该得到你想要的东西。