Question

我想用clappr播放器添加到我的网站中。其m3u8测试网站。他们中的任何人都可以粘贴其网址以进行测试或与clappr播放器一起玩。

我将其与grind播放器配合使用，该播放器在PC浏览器上可以正常工作，但在android浏览器上却无法使用，但出现错误“替代接触”。

任何人都可以在我的clappr播放器html页面中为PC和android浏览器添加它。

    <center>
        <h1 style="font-family:impact; font-size:50px; color:red;">Test Grind Player</h1>
        <input id="userInput" value="http://test.m3u8" size="80"> 
        <button onclick="userSubmit()">Play</button>
        <br><br>
        <div id="GrindPlayer">
            <p>Alternative content</p>
        </div>
    </center>   
    <script type="text/javascript">
        function userSubmit() {
            window.location = getlink(document.getElementById('userInput').value);
        }
    </script>

我的拍手

    <!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="utf-8">
            <title>clappr-video360</title>
        </head>
        <body>
        <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="dist/clappr-video360.min.js"> </script>
        <script type="text/javascript" charset="utf-8">
            p = new Clappr.Player({
                source: 'http://test.m3u8',
                height: 800,
                width: 1430,
                plugins: {
                    container: [Video360]
                },
                parentId: '#player',
            });
            p.getPlugin('click_to_pause').disable();
        </script>
        </body>
     </html>

如何用clappr播放器修复HTML页面？

0 个答案: