html:html5:video

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- html:html5:video [2012/07/25 11:43]
kwon37xi
+++ html:html5:video [2012/08/08 18:49]
kwon37xi
@@ 줄 16: / 줄 16: @@
     * 이 옵션은 _V_ 명령으로 동영상을 로딩할 경우 명시적으로 메소드 호출에 넣을 것.
     * 그래도 안되는 경우 Flash Fallback을 기본으로 해야 한다. 이렇게 하면 Flash가 될 경우 무조건 Flash를 사용하고 그 뒤에 HTML5를 검사해서 수행한다.
-      * <code javascript>_V_.options.techOrder = ['flash', 'html5', 'links'];</code>
+      * <code javascript>_V_.options.techOrder = ['flash', 'html5'];</code>
       * 위 코드는 <video> 태그가 로딩 되기 전에 실행 된 상태여야 한다. 따라서 페이지 맨위에서 해주는게 좋다. <video> 동적 로딩시에는 동적 로딩보다만 일찍해주면 된다.
   * IE9에서 로딩 이미지만 돌고 플레이가 안되는 경우가 발생하였다.<del>(어떤 경우에 발생하는지 확실치 않음).</del>
@@ 줄 73: / 줄 73: @@
         _V_("VIDEO_TAG_ID").controlBar.fadeOut(); // 혹은 hide()도 가능.
     }, 2000);
+</code>
+  * 3.2 버전 IE9에서 플레이버튼 깨지는 현상이 발생한다. CSS에서 IE전용 코드부분을 제거한다.<code css>
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f1f1f1',GradientType=0 );
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 );
+</code>
+  * FullScreen 레이어가 아래로 갈 때. IE9, Opera 등에서는 기본으로 FullScreen을 지원하지 않아서 z-index 를 통해 풀스크린을 지원하는데, 이때 video.js의 z-index보다 더 높은 값을 가진 요소가 페이지상에 있으면 안된다. 이경우 .vjs-fullscreen 요소에 대한 z-index를 적절한 값으로 지정해주면 된다.<code css>
+.video-js.vjs-fullscreen {
+    z-index: 40000;
+}
 </code>

html/html5/video.txt · 마지막으로 수정됨: 2015/03/04 12:50 저자 kwon37xi