From b2bcb4714e667e72976a7a45b1697d61439abf29 Mon Sep 17 00:00:00 2001
From: Mingyu Kim <saiyu915@naver.com>
Date: Tue, 4 Jan 2022 11:40:36 +0900
Subject: [PATCH] docs: fix videojs demo not working on iOS

---
 demo/examples/panoviewer/etc/videojs.html | 12 +++++-------
 package-lock.json                         |  4 ++--
 package.json                              |  2 +-
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/demo/examples/panoviewer/etc/videojs.html b/demo/examples/panoviewer/etc/videojs.html
index 58018b5c7..61e29d164 100644
--- a/demo/examples/panoviewer/etc/videojs.html
+++ b/demo/examples/panoviewer/etc/videojs.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
     <title>eg.view360 examples Video.js with view360</title>
     <link rel="stylesheet" type="text/css" href="../../../common/css/demo.css">
-    <link href="https://vjs.zencdn.net/5.4.6/video-js.css" rel="stylesheet" type="text/css">
+    <link href="https://vjs.zencdn.net/7.17.0/video-js.css" rel="stylesheet" type="text/css">
     <link rel="stylesheet" type="text/css" href="../../../common/css/PanoControls.css">
 
     <script src="../../../common/js/jquery-2.2.4.js"></script>
@@ -14,7 +14,7 @@
     <script src="../../../common/js/qrcode.js"></script>
     <script src="../../../common/js/PieView.js"></script>
     <script src="../../../common/js/screenfull.min.js"></script>
-    <script src="https://vjs.zencdn.net/5.4.6/video.js"></script>
+    <script src="https://vjs.zencdn.net/7.17.0/video.js"></script>
     <script src="../../../release/latest/dist/view360.pkgd.js"></script>
     <script src="../../../common/js/PanoControls.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9.7.2/dist/sweetalert2.all.min.js"></script>
@@ -168,15 +168,13 @@ <h2>You can use video.js with view360.</h2>
 </div>
 </body>
 <script>
-    var video = document.querySelector(".viewer video");
-
-    videojs("video").ready(function () {
+  videojs("video").ready(function () {
+        var video = document.querySelector(".viewer video");
         var videoContainer = document.querySelector("#video");
         var view360Container = document.createElement('div');
 
         view360Container.className = "container";
         videoContainer.insertBefore(view360Container, videoContainer.firstChild);
-        // video.style.display = "none";
 
         var panoViewer = new eg.view360.PanoViewer(view360Container,
             {
@@ -185,7 +183,7 @@ <h2>You can use video.js with view360.</h2>
                 useZoom: false,
             }
         );
-        window.panoViewer
+
         window.addEventListener("resize", function() {
             panoViewer.updateViewportDimensions();
         });
diff --git a/package-lock.json b/package-lock.json
index e84e8a474..cb0a4f82a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "@egjs/view360",
-	"version": "3.6.1",
+	"version": "3.6.2",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@egjs/view360",
-			"version": "3.6.1",
+			"version": "3.6.2",
 			"license": "MIT",
 			"dependencies": {
 				"@egjs/axes": "^2.7.1",
diff --git a/package.json b/package.json
index 354e7b96c..1189d6317 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@egjs/view360",
-	"version": "3.6.2",
+	"version": "3.6.2-snapshot",
 	"description": "360 integrated viewing solution from inside-out view to outside-in view. It provides user-friendly service by rotating 360 degrees through various user interaction such as motion sensor and touch.",
 	"main": "dist/view360.js",
 	"module": "dist/view360.esm.js",