PhoneGap Flowplayer m3u8视频显示hlsjs-lite：不支持的视频

Question

我正在尝试在通过flowplayer创建的PhoneGap项目中播放实时m3u8视频，但我一直收到错误hlsjs-lite: Unsupported video。我按照他们的说明here进行操作，但我一直遇到此错误。我知道代码是正确的，因为我测试了here in jsbin并正常工作。我在我的Firefox浏览器中本地运行PhoneGap项目。有谁知道我如何才能使m3u8实时视频正常工作？

这是完整的代码

<script src="https://code.jquery.com/jquery-3.0.0.js"></script>

<!-- skin -->
<link rel="stylesheet" href="https://releases.flowplayer.org/7.2.6/skin/skin.css">
<!-- hls.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/hls.js/0.10.1/hls.light.min.js"></script>
<!-- flowplayer -->
<script src="https://releases.flowplayer.org/7.2.6/flowplayer.min.js"></script>

<div id="player"></div>

      flowplayer('#player', {
            live: true,  // set if it's a live stream          
            ratio: 9/16, // set the aspect ratio of the stream
            clip: {
                sources: [
                    // path to the HLS m3u8
                    { type: "application/x-mpegurl", src: "https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8"},

                ]
            }
        });