var config =  {
            "name": "D1",
            "type": "scene_panovideo",
            "transform": {},
            "view": {
                "fov": 70,
                "fov_range": [
                    70,
                    120
                ],
                "pitch_range": [
                    -90,
                    90
                ]
            },
            "video": {
                "path": "https://bj.bcebos.com/v1/repos3d-dev/penglai-dev/resources/videos/7476f51a49203bd1d72295312123c165",
                "origin": "/VR超清美少女萌翻台儿4K.mp4",

                "targets": [
                    {
                        "multi_file": "/formats/mp4/%s/output.mp4",
                        "resolution": [
                            "2560x1280",
                            "1920x960",
                            "3840x1920",
                            "1280x640"
                        ]
                    }
                ],
                "tracks": [
                    {
                        "file": "/assets/thumbs/thumbs.vtt",
                        "type": "thumbnails"
                    }
                ]
            }
        };

        var ak = '您的AccessKey';
        var sk = '您的SecretKey';
        
        var viewer = new Hydreigon.PanovideoViewer(document.body, config, ak, sk, {
            starttime: 0,
            mp4_first: true,
            autostart: true
        });
        viewer.addEventListener('hyd-video-on-meta', d => {
            console.log('hyd-video-on-meta');
            viewer.show();
        });
        viewer.init();

        var button1 = document.getElementById('btn1');

        var playState = false;
        button1.addEventListener('click', function (e) {
            playState = !playState;
            let playBtn = document.getElementById('btn1');
            if (playState) {
                viewer.play();
            } else {
                viewer.pause();
            }
        });