상품상세 비디오 반복버튼 생성, 브랜드 메인 화면 동영상 비율맞춤 해제

src/main/webapp/WEB-INF/views/mob/common/layout/DefaultLayoutMob.html

@@ -9,23 +9,24 @@
 
 <th:block th:replace="~{web/common/fragments/VariablesWeb :: variables}"></th:block>
 <th:block th:replace="~{mob/common/fragments/ScriptsMob :: scripts}"></th:block>
+<script src="https://file.kollus.com/vgcontroller/vg-controller-client.latest.min.js"></script>
 
 <div class="app">
 	<!-- GNB -->
 	<th:block th:replace="~{mob/common/fragments/GnbMob :: gnb}"></th:block>
 	<!--// GNB -->
-	
+
 	<!-- CONTENT AREA -->
 	<th:block layout:fragment="content"></th:block>
 	<!-- // CONTENT AREA -->
-	
+
 	<!-- Footer -->
 	<th:block th:replace="~{mob/common/fragments/FooterMob :: footer}"></th:block>
 
 <script th:inline="javascript">
 /*<![CDATA[*/
 	$(document).ready(function() {
-		
+
 	});
 /*]]>*/
 </script>

src/main/webapp/WEB-INF/views/mob/display/BrandMainFormMob.html

@@ -486,7 +486,7 @@
 		$("#reco_pop").append(tag);
 		$('#reco_pop').modal("show");
 	}
-	
+
 	$(document).ready(function () {
 		$(document).on('click','.item_picker',function(e){
 			//$("#reco_pop").modal("show");
@@ -526,6 +526,17 @@
 				clNum = 0;
 			}
 		});
+
+
+		var controller = new VgControllerClient({
+			target_window: document.getElementsByClassName('pdThumbVideo').contentWindow
+		});
+		controller.on('ready', function() { //일시정지 일때 이벤트 실행.
+			controller.set_ratio('fill');
+			controller.play();
+		});
+
+
 	});
 
 	//210728_ 수정 : 슬라이드 1개일때 자동롤링 멈춤.