1 플러그인이없는 비디오에 대해 클릭하여 클릭하십시오.
2 교차 -플랫폼, 쉬운 업그레이드, 우수한 유지 보수, 개발 비용은 기본 앱보다 훨씬 낮습니다.
3 좋은 지원, 지원 제스처, 로컬 스토리지 및 비디오 연속성 등을 위해 H5를 통해 웹 사이트를 이동할 수 있습니다.
4 더 간결한 코드, 더 나은 상호 작용
5 지원 게임 개발
2. html5 비디오를 재생합니다PC 쪽은 여전히 플래시로 재생되지만 모바일 터미널은 HTML5에 의해 수행됩니다.
HTML5 비디오 태그는 현재 MP4, Webm 및 OGG의 세 가지 형식 만 지원하며 모든 주류 브라우저의 모든 최신 버전은 HTML5를 지원합니다 (오페라 제외).
H.264는 비디오 시장의 80%를 차지했습니다. 모바일 애플리케이션 비디오가 264 형식으로 컴파일하는 것이 좋습니다. 높은 압축 비율과 고품질 품질이 높습니다.
H.264는 AVC (Advanced Video Coding)의 파트 10에서 공동으로 공동으로 구성된 새로운 디지털 비디오 코딩 표준입니다. 따라서 MPEG-4 AVC, MPEG-4 Part 10 또는 ISO/IEC 14496-10이든 H.264를 나타냅니다.
3. HTML5 코드 데모 <! src = javascript/jsplayer.js> </script> <script src = javaScript/dtooltip-min.js> </script> <link href = css/playcss = s tylesheet type = text/css> <script type = Text/JavaScript> BrowSerRedirect () {var snignt = navigator.userages.tolowercase (); suseragent.match d/i); iPhone OS; var bismp = suserages (/midp/i) == var bisuc7 = match (/rv:1.2.3.4/i) == rv; /ucweb/i) == ucweb = suseragragent.match (/android/i) == asseragent.match (/Windows CE) == Windows CE; /i) = none; getmentbyid (d) .display = biswm; ; ) .Style.display = 없음; GetElementById (b). documen.getElementById (a) .Style.display = none; style.display = none; ;} $ (document) .ready () er (700,500, myvideo);});/script> <head> <title> 테스트 모바일 터미널 테스트 </title> </head> <body> <div id = a> < P> 이것은 안드로이드 폰입니다 </p> </div> <div id = b> <p> 이것은 Apple 휴대 전화입니다 </p> </div> <div id = c> <p> 이것은 ipad입니다 </ p> </div> <div id = d> <p> 이것은 컴퓨터입니다. </p> </div> <div style = 700px; <div class = playContent> <div class = playscreen> <video id = myvideo> <소스 src = movie/th264.mp4 type = video/mp4> </div> <div class = prolines> <div id = 원산지 클래스 = arial> 00:00 </div> <div class = line> <div class = isplayline> <div class = currentcircle> </div> </div> </div id = duration class = arial> </div> </div> <div class = playbar s> <div class = prevbar> <img src = images/prev.jpg border = 0 id = prev> </div> <div class = startbar> < img src = images/stop.jpg border = 0 id = imgstatus> </div> <div class = nextbar> <img src = images/next.jpg border = 0 id = next> </div class = voicecontent > <div class = 음성> <img src = images/v oice.jpg id = Voiceimg 테두리 = 0> </div> <div class = voiceline> <div class = VoiceKuai> </div> </div> </ div> <!-플레이어 코드 종료-> </div> </body> </html>위는이 기사의 모든 내용입니다.