視頻不是在移動設備上呈現的-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 –

嘛鉻阻止所有類型的媒體的自動播放以減少數據量。視頻只能在用戶手勢上加載，例如點擊。

因此，爲了在aframe上工作，我們必須在單擊元素時加載視頻。最好點擊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

回答

相關問題