Google Vrビデオで再生と一時停止ボタンを作る方法

私は360ビデオをウェブサイトに追加して、再生と一時停止のためのボタンを追加したいと思います。私のビデオには次のコードがあります。私は非常に助けを感謝します。Google Vrビデオで再生と一時停止ボタンを作る方法

<script type="text/javascript"> 
 

 
window.addEventListener('load', onVrViewLoad); 
 
var vrView = new VRView.Player('#vrview', { 
 
\t width: '100%', 
 
\t height: 400, 
 
    video: 'german.mp4', 
 
\t is_stereo: false, 
 
    }); 
 
} 
 
</script>

<html> 
 

 
<script src="//storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script> 
 

 
<div id="vrview"></div> 
 

 
</html>

出典

2017-02-04 Joe

まずあなたがビデオの成功を再生したい場合、あなたはこれをしなければならない。

storage.googleapis.com/vrview/2.0/build/vrview.min.jsからスクリプトを使用しないでください。
サンプルzipをダウンロードし、スクリプト：vrview-master/build/vrview.jsを使用してください。

第2に、再生と一時停止のボタンが必要です。サンプルzipを参照してください。リンクstyle.cssがあり、style.cssに正しいパスがあります。

background: url('vrview-master/examples/img/ic_pause_black_24dp.svg');

出典

2017-02-14 05:45:48

@VPK私は、なぜあなたは私に感謝しているかわからない非常に – Joe

@Joeをありがとう、私は答えを編集しました。この回答があなたの問題を解決した場合は、それを正しい回答として受け入れます。 – VPK

window.addEventListener('load', onVrViewLoad) 
 
let veView; 
 
function onVrViewLoad() { 
 
    vrView = new VRView.Player('#vrview', { 
 
    video: '//vr.jwplayer.com/content/AgqYcfAT/AgqYcfAT-8yQ1cYbs.mp4', 
 
    width: '300', 
 
    height: '180' 
 
    }); 
 
} 
 
function play(){ 
 
    vrView.play() 
 
} 
 
function pause(){ 
 
    vrView.pause() 
 
} 
 
function mute(){ 
 
    vrView.setVolume(0) 
 
} 
 
function unmute(){ 
 
    vrView.setVolume(1) 
 
}

<script src="//storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script> 
 
<body> 
 
    <div id="vrview"></div> 
 
    <button type="button" onclick="play()">Play</button> 
 
    <button type="button" onclick="pause()">Pause</button> 
 
    <button type="button" onclick="mute()">Mute</button> 
 
    <button type="button" onclick="unmute()">UnMute</button> 
 
</body>

出典

2017-07-02 07:01:39 Joe

Google Vrビデオで再生と一時停止ボタンを作る方法

答えて

関連する問題