4

视频 mp4或任何格式的混合应用程序（如 phone gap/cordova）上的闪屏。像现在的优步应用

4

4 回答 4

1

我知道我来晚了，但是您可以在加载文档后使用 HTML5 标签播放视频。收听事件（视频结束）以隐藏视频并显示启动后的内容

这是一个示例

<div id="splashVid" class="centerpage" style="overflow:hidden; display:block">
    <video width="100%" autoplay onended="splashEnd();">
        <source src="BT-logo-splash.mov" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</div>

在函数“splashEnd()”中，您可以编写启动视频结束时想要执行的操作

此外，在我的情况下，视频在应用程序包中本地可用。如果您使用的是 URL，请确保侦听标签的其他事件，以确保用户不必在应用程序启动开始时面临缓冲。

于 2018-01-30T05:51:24.860 回答
0

科尔多瓦闪屏是一个本机对话框，当混合应用程序在 web 视图中加载时显示。至少这应该是正确的用法。

任何关于显示 HTML 视频/动画等的解决方案都是关于在 web 视图中显示它们。所以根本没用。

最好的解决方案是分叉科尔多瓦闪屏插件并添加视频支持。

于 2019-01-31T08:33:39.930 回答
0

不能将 mp4 或 gif 文件作为启动画面放在phonegap/Cordova中。您可以直接加载index.html页面，在那里您可以播放视频，您可以导航到下一页。

希望它会帮助你。

于 2016-03-28T13:43:41.260 回答
0

这是您的splashscreen.html和splashscreen.js ，将它们包含在您的应用程序中，并在视频播放完成后通过设置setTimeout时间 重定向到主页

$(document).ready(function(){
         var url = $('iframe').attr('src');
         url = url+'?autoplay=1';
  $('iframe').attr('src', url);

        setTimeout(function(){
                //location.href="home.html";//redirect to home from here,you can set timeout to the video length
alert("video Completed");
            },5000);
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="http://www.youtube.com/embed/XGSy3_Czz8k" frameborder="0" style="overflow:hidden;height:150%;width:150%" height="150%" width="150%"></iframe>
</body>

于 2017-02-01T07:04:40.267 回答