Android 4 上的 html5 视频:全屏播放然后重定向到另一个网页 - 不起作用

2024-05-12

我正在为 Android 4 智能手机设计一个 html5 页面,其中包含一个 3gpp(或 mp4)视频,打开时必须自动全屏播放;当视频结束时应该重定向到另一个网址。

一些谷歌搜索告诉我,Android 4 上不再允许自动播放,因此我选择显示一张海报图像,用户必须单击才能开始视频。 然后:

  1. 调用全屏模式
  2. 视频应该自动开始 (确实是由用户点击海报图像启动的)
  3. 当视频播放完毕时 Android 应退出全屏
  4. 最后将用户重定向到另一个页面。

2 和 3 不起作用:调用全屏后,用户必须再次“单击”才能开始视频,当视频结束时退出全屏不起作用(屏幕为黑色,用户必须按手机上的“后退”键才能退出手机的视频播放器)。

好像video.webkitExitFullScreen() and video.play()在 Android 4 上被忽略。

这是我正在使用的 html5 标记和 javascript 代码,您能帮我指出解决方案吗?

Thanks!

    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0" />
    <meta name="description" content="" />
    <title>test</title>

    <script type="text/javascript">

        function videoEnd() {
            var video = document.getElementById("video");
            video.webkitExitFullScreen();
            document.location = "http://www.google.com";
        }

        function playVideo() {
            var video = document.getElementById("video");
            video.addEventListener('ended', videoEnd, false);
            video.webkitEnterFullScreen();
            video.play();
        }

    </script>
</head>
<body>
    <video id="video" poster="../img/image.jpg" onclick="playVideo();">
        <source src="../video/videoname.3gp" type="video/3gpp" />
    </video>
</body>

我有一些建议可能对你有帮助

这将适用于 Android Web 视图应用程序,而不是 Android Web 应用程序。

您可以创建 android hook up 或 android web view 客户端,将值作为变量(查询字符串)传递,然后从 Android 本机播放视频,您可以在其中拥有所有控制权。

请找到播放视频的代码。

enter code here

public void videoPlayer(String path, String fileName, boolean autoplay){
getWindow().setFormat(PixelFormat.TRANSLUCENT);
//the VideoView will hold the video
VideoView videoHolder = new VideoView(this);
//MediaController is the ui control howering above the video (just like in the default youtube player).
videoHolder.setMediaController(new MediaController(this));
//assing a video file to the video holder
videoHolder.setVideoURI(Uri.parse(path+"/"+fileName));
//get focus, before playing the video.
videoHolder.requestFocus();
if(autoplay){
    videoHolder.start();
}

}

如果您想实现一种明亮的海湾,请联系我,我会为 HTML 5 提供帮助

Cheers

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Android 4 上的 html5 视频:全屏播放然后重定向到另一个网页 - 不起作用 的相关文章

随机推荐