-
Notifications
You must be signed in to change notification settings - Fork 21
Open
Description
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:
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
Labels
No labels