**
1. Video.js usando la biblioteca jQuery
(1) Primero necesitamos descargar la URL de video.js: http://www.jq22.com/jquery-info404
(2) Luego introduzca js en la página html/jsp para reproducir
(3) Agregue un div principal (m) al div que se reproducirá y defina su estilo
**
(4) El código debajo de la ubicación del reproductor solo necesita modificar la dirección del video para reproducir el video
<div class="m">
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
<source src="${videoUrl }" type="video/mp4">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
<script src="http://vjs.zencdn.net/5.18.4/video.min.js"></script>
<script type="text/javascript">
var myPlayer = videojs('my-video');
videojs("my-video").ready(function(){
var myPlayer = this;
myPlayer.play();
});
</script>
</div>
**
2. ckPlayer llama a html5 para jugar
Formatos de video compatibles: debido a que se llama h5, el formato de reproducción de video son los 4 formatos compatibles con h5. MP4, m3u8, webm, ogg, flv
URL de importación js: http://www.ckplayer.com/
<!-- <div class="m">
<div id="video" style="width:100%;height:100%;"></div>
El ancho y la altura del tamaño original son un valor fijo, lo configuré al 100% y estará completamente cubierto en el div principal
**
3. Llame al reproductor multimedia que viene con Windows
Ventajas: Se admiten todos los formatos principales de video, audio e imagen. Aunque a veces no estamos acostumbrados a usar este reproductor. Pero este reproductor admite muchos formatos, por lo que es bueno que sea práctico. No es necesario transcodificar el video antes de subirlo.
Contras: no es compatible con algunos navegadores. Actualmente estoy probando navegadores IE 360 que son compatibles con Firefox y Google no es compatible.
Los medios copian directamente el código y puede reproducir el video sin cambiar la URL del video. No es necesario agregar div
<!--调用 Windows 自带的media播放器 --><!--目前支持IE 360这两个,狐火只支持MP4 -->
<div class="m">
<object id="MediaPlayer" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="100%" height="100%" standby="Loading Windows Media Player components…" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="FileName" value="${videoUrl }">
<param name="AutoStart" value="true">
<param name="ShowControls" value="true">
<param name="BufferingTime" value="2">
<param name="ShowStatusBar" value="true">
<param name="AutoSize" value="true">
<param name="InvokeURLs" value="false">
<param name="AnimationatStart" value="1">
<param name="TransparentatStart" value="1">
<param name="Loop" value="1">
<param name="container" value="#video">
<embed type="application/x-mplayer2" src="${videoUrl }" name="MediaPlayer" autostart="1" showstatusbar="1" showdisplay="1" showcontrols="1" loop="0" videoborder3d="0" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" width="800" height="600"></embed>
</object>
</div>