1 sobre el video sin plug -in, haga clic para ver
2 Plataforma cruzada, actualización fácil, buen mantenimiento, costo de desarrollo es mucho más bajo que el de la aplicación nativa
3 Para un buen soporte, gestos de soporte, almacenamiento local y continuidad de video, etc., puede mover su sitio web a H5.
4 código más conciso, mejor interacción
5 Desarrollo de juegos de apoyo
2. HTML5 Reproducir videoEl lado de la PC todavía se reproduce en Flash, pero HTML5 realiza el terminal móvil.
La etiqueta de video HTML5 solo admite tres formatos: MP4, WebM y OGG.
H.264 ha ocupado el 80%del mercado de videos. Si se recomienda un video de aplicación móvil para compilar en 264 formatos, existe una buena relación de compresión y calidad de alta calidad.
H.264 es un nuevo estándar de codificación de video digital formulado conjuntamente por las dos organizaciones establecidas conjuntamente. Por lo tanto, ya sea MPEG-4 AVC, MPEG-4 Parte 10 o ISO/IEC 14496-10, se refiere a H.264.
3. Demo de código HTML5<! src = javascript/jsplayer.js> </script> <script src = javascript/dtooltip-min.js> </script> <link href = css/playcss? Text/javascript> function browserredirect () {var snignt = navigator.userages.tolowercase (); iPhone OS; /UCWEB/I) == UCWEB; /Windows Mobile/I) == Windows Mobile; = Ninguno; ; ) .Style.Display = None; Documen.getElementById (a) .Style.Display = None; ;} $ (documento) .Ready () er (700,500, myvideo);});/script> <toad> <title> prueba los terminales móviles </title> </head> <body> <div id = a> < P> Este es el teléfono Android </p> </div> <div id = b> <p> Este es el teléfono móvil Apple </p> </div> <div id = c> <p> Este es iPad <// P> </div> <div id = d> <p> Esta es una computadora. <div class = playContent> <div class = playscreen> <video id = myVideo> <fuente src = película/th264.mp4 type = video/mp4> </video> </div> <div class = prolines> <Div ID = Origin Class = Arial> 00:00 </div> <div class = line> <div class = isPlayline> <div class = currentCircle> </div> </div> </div> <div id = duración class = Arial> </div> </div> <div class = playbar s> <div class = previamente> <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> <div class = VoiceContent > <Div class = Voice> <img src = images/v oice.jpg id = VoiceImg Border = 0> </div> <div class = VoiceLine> <div class = Voicekuai> </div> </div> <// Div> <!-El código del reproductor final-> </div> </body> </html>
Lo anterior es todo el contenido de este artículo.