Skip to content

Error code: html5_video:4 on Android mobile browsers #36

@DMW007

Description

@DMW007

Hello,
I noticed that the plugin works fine on my PC in Firefox/Chromium, but not on my mobile. On Android 9 I get Error code: html5_video:4 after tapping play in both browsers:

grafik

My test code:

<div id="player"></div>
<script type="text/javascript" charset="utf-8"
    src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="clappr-video360.min.js"> </script>
<script type="text/javascript" charset="utf-8">
    var playerElement = document.getElementById("player");
    var player = new Clappr.Player({
        source: 'https://my-server/movie.mp4',
        poster: 'http://clappr.io/poster.png',
        mute: true,
        height: 360,
        width: 640,
        plugins: {
            container: [Video360]
        }
    });
    player.attachTo(playerElement);
</script>

On Safari mobile it works. Testing with other engines is not possible there cause the manufacturer doesn't allow to use other engines except their own.

The demo works, so I thought it is related to my movie file. The main differences I saw between the cool.mp4 example movie is the frame rate (59.94 vs 29.97) and the resolution. So I tried to reduce the fps using ffmpeg, but without success:

ffmpeg -i raw-video.mp4 -filter:v fps=fps=29.970030 30fps.mp4

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions