Я хотел бы добавить это с игроком clappr на моем сайте.это сайт тестирования m3u8.любой из них может вставить свой URL, чтобы протестировать или поиграть с проигрывателем clappr.
Я использую это с проигрывателем grind, который отлично работает с браузером ПК, но не с браузером Android, я получаю сообщение об ошибке "альтернативное контекст".
Кто-нибудь может добавить это на html-странице моего проигрывателя clappr для ПК и браузера 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>
Мой проигрыватель clappr
<!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>