Видео не отображается на мобильном телефоне - aframe

Я создаю проект с aframe и angular-cli, где я показываю видео 360 ° для виртуальной реальности. Он отлично работает на рабочем столе, но на мобильном телефоне это не делает его и console печатает следующие предупреждения, которые не появляются на рабочем столе:Видео не отображается на мобильном телефоне - aframe

Даже если я использую angular2, я в том числе сценарий в теге <head>, так как он не работает при импорте библиотеки в компонент. Это вместо того, чтобы код файла html:

<a-scene auto-enter-vr> 
    <a-assets> 
    <video id="video" src="../../assets/videos/Ski+Jump-7k_encoded.mp4" autoplay loop playsinline webkit-playsinline muted></video> 
    </a-assets> 
    <a-videosphere src="#video" rotation="0 360 0"></a-videosphere> 
</a-scene>

Я посмотрел на различные источники, но я не могу понять, почему видео не делает. У вас есть идея о том, как решить эту проблему? Заранее благодарю за ваши ответы!

источник

2017-02-08 d_z90

Какое мобильное устройство? Смотрите: https://github.com/aframevr/aframe/issues/1846 –

Я тестировал его на разных устройствах: iPhone 6, Galaxy s6 и Galaxy s5 –

Ну хром автоматически блокирует воспроизведение всех видов носителей для уменьшения потребления данных. Видео будет загружаться только на жест пользователя, например, щелчком мыши.

Для этого, чтобы работать на афраме, мы должны загрузить видео по щелчку элемента. Это лучше всего сделать при щелчке значка VR Goggles. Вот пример кода, который поможет вам.

var VRButton = document.querySelector('.a-enter-vr-button'); 
VRButton.addEventListener('click',function(event){ 
    var video = document.querySelector('video'); 
    video.play(); 
});

источник

2017-02-08 17:50:23 sid

Спасибо большое, мне удалось имитировать щелчок 'OnInit () 'и теперь он правильно работает –

рад помочь – sid

Видео не отображается на мобильном телефоне - aframe

ответ

Смежные вопросы