**
1. Video.js utilisant la bibliothèque jQuery
(1) Nous devons d'abord télécharger l'URL de video.js : http://www.jq22.com/jquery-info404
(2) Puis introduisez js dans la page html/jsp à jouer
(3) Ajouter une div parent (m) à la div à jouer et définir son style
**
(4) Le code sous l'emplacement du lecteur n'a besoin que de modifier l'adresse de la vidéo pour lire la vidéo
<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 appelle html5 pour jouer
Formats vidéo pris en charge : comme h5 est appelé, le format de lecture vidéo correspond aux 4 formats pris en charge par h5. MP4, m3u8, webm, ogg, flv
URL d'importation js : http://www.ckplayer.com/
<!-- <div class="m">
<div id="video" style="width:100%;height:100%;"></div>
La largeur et la hauteur de la taille d'origine sont une valeur fixe, je la règle à 100%, et elle sera entièrement couverte dans la div parent
**
3. Appelez le lecteur multimédia fourni avec Windows
Avantages : tous les formats vidéo, audio et image grand public sont pris en charge. Bien que nous ne soyons parfois pas habitués à utiliser ce lecteur. Mais ce lecteur prend en charge de nombreux formats, il est donc bon d'être pratique. Il n'est pas nécessaire de transcoder la vidéo avant de la télécharger.
Inconvénients : non pris en charge par certains navigateurs. Actuellement, j'essaie des navigateurs IE 360 qui prennent en charge firefox et Google ne prend pas en charge
Les médias copient directement le code et vous pouvez lire la vidéo sans changer l'URL de la vidéo. Pas besoin d'ajouter 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>