HTML / JS Autoplay Clappr 360 видео в Chrome - PullRequest
Новая
       71

HTML / JS Autoplay Clappr 360 видео в Chrome

0 голосов
/ 01 октября 2018

Я хочу внедрить видео 360 с Clappr в качестве начального элемента для моей домашней страницы на WordPress-Basis.Я не специалист по кодированию, но я стараюсь изо всех сил.

Я использовал это для создания своего кода: https://ourcodeworld.com/articles/read/518/how-to-create-a-360-video-player-with-javascript-using-clappr

Видео и все работает нормально, но, к сожалению, Chrome изменил его автозапускполитика и видео не начинает воспроизводиться в Chrome.В Firefox автозапуск работает нормально.

Тогда я нашел это решение: https://github.com/clappr/clappr/issues/1639#issuecomment-395414240

Но мое видео 360 все еще не воспроизводится автоматически в Chrome!Я действительно не могу понять, что делать, так как кодовые подсказки близки к идентичности.

Буду рад любой помощи или подсказке!Спасибо! 

<html>
<head>
<script src="https://cdn.jsdelivr.net/gh/clappr/clappr@latest/dist/clappr.min.js"></script>
<script src="https://cdn.rawgit.com/thiagopnts/clappr-video360/master/dist/clappr-video360.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/can-autoplay@3.0.0/build/can-autoplay.min.js"></script>
</head>

<div id="player" class="video-background"></div>       
<script>
     
// The URL to the 360 video player 
var Video360Url = '360_VR.mp4';

// Configure your Clappr player.
var PlayerInstance;
canAutoplay.video().then(function(o) {
var cap = o.result === true;
 PlayerInstance = new Clappr.Player({
source: Video360Url,
poster: 'city-view-edit.jpg',
loop: 'true',
autoPlay: cap,
height: '100%',
width: '100%',
hideMediaControl: 'true',
chromeless: 'true',
allowUserInteraction: 'false',
preload: 'auto',
plugins: 
{
container: [Video360],
},
parentId: '#player',
});
PlayerInstance.getPlugin('click_to_pause').disable();
});
</script>
</html>
...