Question

我意识到索引会重现视频列表的网页。在PC上运行正常，但是当我在手机/移动设备中看到它时，视频无法重现。

以下代码是视频的脚本：

<script>
    video_count = 1;
    videoPlayer = document.getElementById("homevideo");

    function run() {
        video_count++;
        if (video_count == 5)
            video_count = 1;

        var nextVideo = "video" + video_count + ".mp4";
        videoPlayer.src = nextVideo;
        videoPlayer.play();
    };
</script>

在这部分中，我定义了视频列表。

<video  preload="auto" id="idle_video" onended="onVideoEnded();" class="fullscreen-bg__video" ></video>
<script>
    var video_list = [ "vid/video1.mp4", "vid/video2.mp4", "vid/video3.mp4", "vid/video4.mp4" ];
    var video_index = 0;
    var video_player = null;

    function onload() {
        console.log("body loaded");
        video_player = document.getElementById("idle_video");
        video_player.setAttribute("src", video_list[video_index]);
        video_player.play();
        var vid = document.getElementById("idle_video");
        vid.volume = 1;
    }

    function onVideoEnded() {
        console.log("video ended");
        if (video_index < video_list.length - 1) {
            video_index++;
        }
        else {
            video_index = 0;
        }
        video_player.setAttribute("src", video_list[video_index]);
        video_player.setAttribute("type='video/mp4; codecs='avc1.42E01E, mp4a.40.2'");
        video_player.play();
    }
</script>

Answer 1

鉴于您对问题的描述，听起来您正在尝试使用的手机不支持视频格式。

我认为你在Android上使用的是mp4视频，所以要检查的是配置文件 - 有些设备只支持mp4基线配置文件。此处包含完整的Android媒体支持：

http://developer.android.com/guide/appendix/media-formats.html

作为一般规则，支持mp4，但mp4只是一个容器＆＃39;并且可能存在容器内使用的编解码器，用于视频或音频，不受支持。

如果您问的是如何将视频转换为所需的格式，那么您可以使用ffmpeg（https://www.ffmpeg.org - 自己动手 - 看看视频和音频文件格式的转换＆＃ 39;在线文档中的部分）或者您可以使用基于云或应用程序的服务之一，例如：

http://easyhtml5video.com（对于非商业用途似乎是免费的 - 我没有亲自使用过它）

另外一条评论 - 您明确列出了上述Javascript中的编解码器。这通常不是HTML5 mp4视频播放所必需的。我会尝试删除，以防万一Android播放器或浏览器根据这些额外信息接受视频。

最后，以下网站是HTML5标记的有用参考，可以在尽可能广泛的设备和浏览器组合中播放视频：

http://v4e.thewikies.com

最后，最后......在线视频格式和设备/浏览器支持一直在变化，因此确实需要检查上述网站，以确保您在实施或更新网站或应用时获得最新的图片。< / p>

使用HTML无法在手机上播放的视频

1 个答案: