examples/pano_video.html

﻿<!DOCTYPE html>
<html lang="en">

<head>
    <title>测试视频</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <style>
        #example {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
    </style>

</head>

<body>
    <div id="example"></div>
    <script src="../build/three.js"></script>
    <script src="../build/mxreality.js"></script>
    <script>


        window.onload = function () {
            init();
        }
        //var vr=new VR(scene,renderer,container);
        function init() {
            var vr = new VR({ 'id': 'example', 'camera_para': { "fov": 50 } });

            //vr.playText="<img src='img/play90.png' width='40' height='40'/>";
            vr.vrbox.radius = 600;
            if (AVR.isCrossScreen()) {
                vr.effect.separation = 1.2;
            }
            vr.loadProgressManager.onLoad = function () {
            }
            //AVR.useGyroscope=false;
            vr.init(function () {

            });

            var options = { 'muted': true, 'autoplay': true };

            vr.play('/examples/textures/vr.mp4', vr.resType.video, options);
            //vr.video.setAttribute('muted', 'muted');
            //vr.video.setAttribute('autoplay', 'autoplay');
            //vr.video.setAttribute("loop", "loop");
            //vr.video.crossOrigin = "*";
            vr.video.play();


            vr.video.onended = function () {
            }

            window.addEventListener('resize', function () {
                var isHuawei = navigator.userAgent.match(/;\sHUAWEI\s[a-zA-Z0-9\-]+\sBuild\//);
                if (AVR.OS.isWeixin() && !AVR.OS.isiOS() && isHuawei) {
                    if (vr.video.getAttribute('x5-video-orientation') == "landscape") {
                        vr.toolBar.toolbar.style.width = document.body.clientWidth + "px";
                    } else {
                        vr.toolBar.toolbar.style.width = "100%";
                    }
                }
            })

            window.addEventListener('click', function () {
                //vr.controls.gyroUnfreeze();
            })

        }


    </script>
</body>

</html>