Essai
Un article de GrandTerrier.
(Différences entre les versions)
| Version du 28 janvier ~ genver 2018 à 10:06 (modifier) GdTerrier (Discuter | contributions) ← Différence précédente |
Version actuelle (18 juillet ~ gouere 2024 à 16:29) (modifier) (undo) GdTerrier (Discuter | contributions) |
||
| (77 intermediate revisions not shown.) | |||
| Ligne 1: | Ligne 1: | ||
| - | <addhtml> | + | <gallery> |
| - | + | Image:Feuillet_180.jpg | |
| - | <div id="un"> | + | Image:Feuillet_116.jpg |
| - | <video id="One" width="640" height="480" controls poster="http://www.grandterrier.net/wiki/files/LesNaufrageursBrabantImage1.jpg" preload="auto"> | + | Image:Feuillet_153.jpg |
| - | <source src="http://www.grandterrier.net/wiki/files/LesNaufrageursBrabant1.mp4" type="video/mp4"> | + | Image:Feuillet_154.jpg |
| - | Your browser does not support the video tag or the file format of this video. | + | Image:Feuillet_155.jpg |
| - | </video> | + | Image:Feuillet_156.jpg |
| - | </div> | + | Image:Feuillet_157.jpg |
| - | + | Image:Feuillet_158.jpg | |
| - | <div id="deux"> | + | Image:Feuillet_159.jpg |
| - | <video id="Two" width="640" height="480" controls poster="http://www.grandterrier.net/wiki/files/LesNaufrageursBrabantImage2.jpg" preload="auto"> | + | Image:Feuillet_160.jpg |
| - | <source src="http://www.grandterrier.net/wiki/files/LesNaufrageursBrabant2.mp4" type="video/mp4"> | + | Image:Feuillet_161.jpg |
| - | Your browser does not support the video tag or the file format of this video. | + | Image:Feuillet_162.jpg |
| - | </video> | + | Image:Feuillet_163.jpg |
| - | </div> | + | Image:Feuillet_164.jpg |
| - | + | Image:Feuillet_165.jpg | |
| - | <video id="Three" width="640" height="480" controls poster="http://www.grandterrier.net/wiki/files/LesNaufrageursBrabantImage3.jpg"> | + | Image:Feuillet_166.jpg |
| - | <source src="http://www.grandterrier.net/wiki/files/LesNaufrageursBrabant3.mp4" type="video/mp4"> | + | Image:Feuillet_167.jpg |
| - | Your browser does not support the video tag or the file format of this video. | + | Image:Feuillet_168.jpg |
| - | </video> | + | Image:Feuillet_169.jpg |
| - | + | Image:Feuillet_170.jpg | |
| - | + | Image:Feuillet_171.jpg | |
| - | <video id="Four" width="640" height="480" controls poster="http://www.grandterrier.net/wiki/files/LesNaufrageursBrabantImage4.jpg"> | + | Image:Feuillet_172.jpg |
| - | <source src="http://www.grandterrier.net/wiki/files/LesNaufrageursBrabant4.mp4" type="video/mp4"> | + | Image:Feuillet_173.jpg |
| - | Your browser does not support the video tag or the file format of this video. | + | Image:Feuillet_174.jpg |
| - | </video> | + | Image:Feuillet_175.jpg |
| - | + | Image:Feuillet_176.jpg | |
| - | <video id="videos" width="640" height="480" > | + | Image:Feuillet_177.jpg |
| - | <source src="http://www.grandterrier.net/wiki/files/LesNaufrageursBrabant1.mp4" type="video/mp4"> | + | Image:Feuillet_178.jpg |
| - | Your browser does not support HTML5 video. | + | Image:Feuillet_179.jpg |
| - | </video> | + | Image:Feuillet_170.jpg |
| - | <br> | + | Image:Feuillet_181.jpg |
| - | <button onclick="prevButton()">Prev</button> | + | </gallery> |
| - | <button onclick="playPause()">Play/Pause</button> | + | |
| - | <button onclick="nextButton()">Next</button> | + | |
| - | </div> | + | |
| - | <script> | + | |
| - | var myVideo=document.getElementById("videos"); | + | |
| - | var videoList=['http://www.grandterrier.net/wiki/files/LesNaufrageursBrabant1.mp4','http://www.grandterrier.net/wiki/files/LesNaufrageursBrabant2.mp4','http://www.grandterrier.net/wiki/files/LesNaufrageursBrabant3.mp4','http://www.grandterrier.net/wiki/files/LesNaufrageursBrabant4.mp4']; | + | |
| - | var index = videoList.indexOf(window.currentVideoName); | + | |
| - | //Next button | + | |
| - | function nextButton(){ | + | |
| - | myVideo.pause(); | + | |
| - | myVideo.currentTime=0; | + | |
| - | index = index + 1; | + | |
| - | if(index==videoList.length) | + | |
| - | index = 0; | + | |
| - | alert(videoList[index]); | + | |
| - | myVideo.src = 'video/'+videoList[index]; | + | |
| - | window.currentVideoName=videoList[index]; | + | |
| - | myVideo.play(); | + | |
| - | } | + | |
| - | //Prev button | + | |
| - | function prevButton(){ | + | |
| - | myVideo.pause(); | + | |
| - | myVideo.currentTime=0; | + | |
| - | index = index - 1; | + | |
| - | if(index<0) | + | |
| - | index = videoList.length; | + | |
| - | alert(videoList[index]); | + | |
| - | myVideo.src = 'video/'+videoList[index]; | + | |
| - | window.currentVideoName=videoList[index]; | + | |
| - | myVideo.play(); | + | |
| - | } | + | |
| - | function playPause() | + | |
| - | { | + | |
| - | if (myVideo.paused) | + | |
| - | myVideo.play(); | + | |
| - | else | + | |
| - | myVideo.pause(); | + | |
| - | } | + | |
| - | </script> | + | |
| - | </addhtml> | + | |
Version actuelle
 Diaporama | |||||
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
 |
|||||