aboutsummaryrefslogtreecommitdiff
path: root/files/nl/web/guide
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:48:47 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:48:47 +0100
commit004b3c5fc8d71b68fcb019c9e0346bf80024dbbd (patch)
treeda24dacd9c5017e318f84563381671b5bdfb3e47 /files/nl/web/guide
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-004b3c5fc8d71b68fcb019c9e0346bf80024dbbd.tar.gz
translated-content-004b3c5fc8d71b68fcb019c9e0346bf80024dbbd.tar.bz2
translated-content-004b3c5fc8d71b68fcb019c9e0346bf80024dbbd.zip
unslug nl: move
Diffstat (limited to 'files/nl/web/guide')
-rw-r--r--files/nl/web/guide/html/html5_audio_en_video_gebruiken/index.html269
1 files changed, 0 insertions, 269 deletions
diff --git a/files/nl/web/guide/html/html5_audio_en_video_gebruiken/index.html b/files/nl/web/guide/html/html5_audio_en_video_gebruiken/index.html
deleted file mode 100644
index 86c1b3aa4b..0000000000
--- a/files/nl/web/guide/html/html5_audio_en_video_gebruiken/index.html
+++ /dev/null
@@ -1,269 +0,0 @@
----
-title: HTML5 audio en video gebruiken
-slug: Web/Guide/HTML/HTML5_audio_en_video_gebruiken
-tags:
- - Audio
- - HTML5
- - Instructie
- - Media
- - Ogg
- - Video
- - mp3
- - voorbeeld
-translation_of: Learn/HTML/Multimedia_and_embedding/Video_and_audio_content
-translation_of_original: Web/Guide/HTML/Using_HTML5_audio_and_video
----
-<p>HTML5 introduceert ingebouwde media ondersteuning via de {{ HTMLElement("audio") }} en {{ HTMLElement("video") }} elementen, waarmee het mogelijk wordt om op een eenvoudige manier media in te sluiten in HTML documenten.</p>
-
-<h2 id="Media_insluiten">Media insluiten</h2>
-
-<p>Het insluiten van media in uw HTML document stelt niet zoveel voor:</p>
-
-<div style="overflow: hidden;">
-<pre class="brush: html">&lt;video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls&gt;
- Uw browser ondersteunt het element &lt;code&gt;video&lt;/code&gt; niet.
-&lt;/video&gt;</pre>
-
-<p>Dit voorbeeld speelt een sample video van de Theora website inclusief controls voor het afspelen.</p>
-
-<p>En hier is een voorbeeld van het inbedden van een <em>audio</em> element in uw HTML document.</p>
-
-<pre class="brush: html">&lt;audio src="/test/audio.ogg"&gt;
-&lt;p&gt;Het audio element wordt niet door uw browser ondersteund.&lt;/p&gt;
-&lt;/audio&gt;</pre>
-</div>
-
-<p>The src attribuut bevat een URL van een geluidsbestand of een pad naar een lokaal geluidsbestand.</p>
-
-<div style="overflow: hidden;">
-<pre class="brush: html">&lt;audio src="audio.ogg" controls autoplay loop&gt;
-&lt;p&gt;Het audio element wordt niet door uw browser ondersteund.&lt;/p&gt;
-&lt;/audio&gt;</pre>
-</div>
-
-<p>Dit voorbeeld van de code gebruikt attributen van het {{ HTMLElement("audio") }} element:</p>
-
-<ul>
- <li><code>controls</code> : Toont de standaard HTML5 controls ten behoeve van audio op de webpagina.</li>
- <li><code>autoplay</code> : Zorgt ervoor dat het bestand automatisch afspeelt.</li>
- <li><code>loop</code> : Zorgt ervoor dat het bestand herhaalt wordt.</li>
-</ul>
-
-<div style="overflow: hidden;">
-<pre class="brush: html">&lt;audio src="audio.mp3" preload="auto" controls&gt;&lt;/audio&gt;</pre>
-</div>
-
-<p>Het <em>preload</em> attribuut wordt gebruikt in een audio element om grote bestanden te bufferen. U kunt hierbij 3 waarden gebruiken:</p>
-
-<ul>
- <li><code>"none"</code> maakt dat er geen buffering wordt gebruikt</li>
- <li><code>"auto"</code> buffers het mediabestand</li>
- <li><code>"metadata"</code> buffers alleen de metagegevens van het bestand</li>
-</ul>
-
-<p>Meerdere bronbestanden kunnen vastgelegd worden met behulp van het {{ HTMLElement("source") }} element om verschillende formaten in verschillende browsers te ondersteunen voor geluid of beeld. Bijvoorbeeld:</p>
-
-<pre class="brush: html">&lt;video controls&gt;
- &lt;source src="foo.ogg" type="video/ogg"&gt;
- &lt;source src="foo.mp4" type="video/mp4"&gt;
- Het &lt;code&gt;video&lt;/code&gt; element wordt niet ondersteund door uw browser.
-&lt;/video&gt;
-</pre>
-
-<p>In dit voorbeeld wordt het Ogg-bestand afgespeeld in browsers die Ogg ondersteunen. Als de browser dat niet doet, wordt automatisch het MPEG-4-bestand gebruikt. Kijk ook naar de lijst met <a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements" title="Media formats supported by the audio and video elements">media formaten die ondersteund worden door de audio en video elementen</a> in de diverse browsers.</p>
-
-<p><span id="result_box" lang="nl"><span class="hps">U kunt</span> <span class="hps">ook opgeven welke codes</span> <span class="hps">het mediabestand</span> <span class="hps">vereist</span><span>;</span> d<span class="hps">it</span> <span class="hps">maakt het mogelijk</span> voor <span class="hps">de</span> <span class="hps">browser</span> <span class="hps">om nog </span><span class="hps">intelligente</span>re <span class="hps">beslissingen te nemen</span></span>s:</p>
-
-<pre class="brush: html">&lt;video controls&gt;
- &lt;source src="foo.ogg" type="video/ogg; codecs=dirac, speex"&gt;
- Het &lt;code&gt;video&lt;/code&gt; element wordt niet ondersteund door uw browser.
-&lt;/video&gt;</pre>
-
-<p>We hebben hier vastgelegd dat deze via de Dirac en Speex codes gebruikt. Als de browser wel Ogg ondersteund, maar niet deze codes dan zal de video niet laden.</p>
-
-<p>Wanneer het <code>type</code> attribuut niet gespecificeerd is dan wordt het mediatype van de server gehaald en er wordt gecontroleerd of de browser er mee om kan gaan; als het niet weergegeven kan worden, zal de volgende <code>source</code> gecontroleerd worden. Wanneer niet een van de <code>source</code> elementen gebruik kan worden, wordt een <code>error</code> gebeurtenis naar het <code>video</code> element verzonden. Wanneer het <code>type</code> attribuut vastgelegd is, wordt deze vergeleken met de types die de browser kan afspelen en wanneer het niet herkend wordt, zal direct volgende <code>source</code> gecontroleerd worden. Er wordt dan dus niets via de server opgehaald of gecontroleerd.</p>
-
-<p>Bekijk ook <a href="/en-US/docs/DOM/Media_events" title="https://developer.mozilla.org/en/DOM/Media_events">Media gebeurtenissen</a> voor een complete lijst van gebeurtenissen die die aan het afspelen van media gekoppeld kunnen worden. Voor details van media formaten die ondersteund worden door de diverse browsers bekijk <a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements" title="Media formats supported by the audio and video elements">Media formaten die ondersteund worden door de audio en video elementen</a>.</p>
-
-<h2 id="Het_afspelen_van_media">Het afspelen van media</h2>
-
-<p>Als je eenmaal de media hebt ingebed in het HTML document met de nieuwe elementen kun je ze programma-technisch gaan besturen met JavaScript code. Een voorbeeld: om het afspelen te starten of the herstarten, kun je het volgende doen:</p>
-
-<pre class="brush: js">var v = document.getElementsByTagName("video")[0];
-v.play();
-</pre>
-
-<p>De eerste regel haalt het eerste video-element van het document op en de tweede regel roept de <a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement#play()" title="nsIDOMHTMLMediaElement#play()"><code>play()</code></a> methode, zoals deze gedefinieerd is in de {{ interface("nsIDOMHTMLMediaElement") }} interface die gebruikt wordt om media-element te implementeren.</p>
-
-<p>Het besturen van een HTML5 audio element om af te spelen, te pauzeren, het volume te verhogen of te verlagen met gebruik van Javascript is eenvoudig.</p>
-
-<pre class="brush: html">&lt;audio id="demo" src="audio.mp3"&gt;&lt;/audio&gt;
-&lt;div&gt;
- &lt;button onclick="document.getElementById('demo').play()"&gt;Audio afspelen&lt;/button&gt;
- &lt;button onclick="document.getElementById('demo').pause()"&gt;Audio pauzeren&lt;/button&gt;
- &lt;button onclick="document.getElementById('demo').volume+=0.1"&gt;Volume verhogen&lt;/button&gt;
- &lt;button onclick="document.getElementById('demo').volume-=0.1"&gt;Volume verlagen&lt;/button&gt;
-&lt;/div&gt;
-</pre>
-
-<h2 id="Het_downloaden_van_media_stoppen">Het downloaden van media stoppen</h2>
-
-<p>Het afspelen stoppen van media is zo eenvoudig als het aanroepen van de de pause() methode, maar de browser zal blijven downloaden totdat het media-element wordt afgevoerd door de garbage collector.</p>
-
-<p>Bij deze de truck om het downloaden direct te stoppen:</p>
-
-<pre class="brush: js">var mediaElement = document.getElementById("myMediaElementID");
-mediaElement.pause();
-mediaElement.src='';
-//or
-mediaElement.<code>removeAttribute("src");</code>
-</pre>
-
-<p>Door het <code>src</code> attribuut van het media-element te verwijderen (of deze met een lege string te vullen, dat kan van de browser afhangen) wordt de interne decoder van het element gesloopt en dat zal het downloaden doen stoppen. The specificaties zijn echter nog tamelijk onduidelijk wat betreft het  removeAttribute() scenario en het leegmaken (lege string) van het &lt;video&gt; 'src' attribuut kan een ongewenst verzoek veroorzaken (Mozilla Firefox 22).</p>
-
-<h2 id="Het_doorzoeken_van_media">Het doorzoeken van media</h2>
-
-<p>Media elementen voorzien in ondersteuning van het wijzigen van de afspeelpositie naar specifieke punten in de inhoud van de media. Dit wordt gedaan via het invullen van de eigenschap <code>currentTime</code>  op het element; zie hiervoor {{ domxref("HTMLMediaElement") }} voor meer details over de eigenschappen van een media-element. Zet eenvoudig de waarde op de tijd, in seconden, van de positie waarop het afspelen moet doorgaan.</p>
-
-<p>U gebruikt de eigenschap <code>seekable</code> om het gebied dat beschikbaar is te doorzoeken. De eigenschap retourneert een {{ domxref("TimeRanges") }} object waarbinnen een lijst bestaat met de tijden waarop gezocht kan worden.</p>
-
-<pre class="brush: js">var mediaElement = document.getElementById('mediaElementID');
-mediaElement.seekable.start(); // Retourneert de starttijd (in seconden)
-mediaElement.seekable.end(); // Retourneert de einddtijd (in seconden)
-mediaElement.currentTime = 122; // Ga naar 122 seconden
-mediaElement.played.end(); // Retourneert het aantal seconden dat de browser heeft afgespeeld
-</pre>
-
-<h2 id="Leg_het_afspeelgebied_vast">Leg het afspeelgebied vast</h2>
-
-<p><span id="result_box" lang="nl"><span class="hps">Bij het opgeven van</span> <span class="hps">de URI</span> <span class="hps">van de</span> <span class="hps">media voor</span> <span class="hps">een</span> <span class="hps atn">{</span><span class="atn">{</span><span>HTMLElement</span> <span class="hps atn">(</span><span class="hps atn">"</span><span>audio"</span><span>)}</span><span>} of</span> <span class="hps atn">{</span><span class="atn">{</span><span>HTMLElement</span> <span class="hps atn">(</span><span class="hps atn">"</span><span>video"</span><span>)</span><span>}</span><span>}</span> <span class="hps">element</span> <span class="hps">kunt</span> <span class="hps">u</span> <span class="hps">desgewenst</span> <span class="hps">aanvullende informatie</span> <span class="hps">geven</span> voor <span class="hps">het deel van de</span> <span class="hps">media</span> <span class="hps">dat afgespeeld moet worden</span><span>.</span> <span class="hps">Om dit te doen</span><span>, voeg</span> <span class="hps">een</span> <span class="hps">hekje</span> <span class="hps atn">(</span><span class="hps atn">"</span><span>#</span><span>"</span><span>), gevolgd</span> <span class="hps">door de media</span> <span class="hps">fragment</span> <span class="hps">beschrijving</span><span>.</span><br>
- <br>
- <span class="hps">Een tijd</span>sgebied wordt <span class="hps">opgegeven</span> <span class="hps">met de syntaxis</span></span>:</p>
-
-<pre>#t=[starttime][,endtime]</pre>
-
-<p><span id="result_box" lang="nl"><span class="hps">De</span> <span class="hps">tijd kan worden</span> <span class="hps">opgegeven als een</span> <span class="hps">aantal seconden</span> <span class="hps atn">(</span><span>als een</span> <span class="hps">floating-point</span> <span class="hps">waarde) of</span> <span class="hps">als een</span> <span class="hps">uren</span> <span class="hps">/</span> <span class="hps">minuten</span> <span class="hps">/</span> <span class="hps">seconden</span> <span class="hps">tijd</span> <span class="hps">gescheiden</span> <span class="hps">met</span> <span class="hps">dubbele punten</span> <span class="hps atn">(</span><span>zoals</span> <span class="hps">02:05:01</span> <span class="hps">2 uur</span><span>,</span> <span class="hps">5</span> <span class="hps">minuten en</span> <span class="hps">1</span> <span class="hps">seconde)</span><span>.</span></span></p>
-
-<p>Een paar voorbeelden:</p>
-
-<dl>
- <dt><span class="nowiki">http://foo.com/video.ogg#t=10,20</span></dt>
- <dd>Laat de video afspelen te beginnen bij 10 seconden en ga door tot en met de 20 seconden.</dd>
- <dt><span class="nowiki">http://foo.com/video.ogg#t=,10.5</span></dt>
- <dd>Speel de video af vanaf het begin tot en met 10,5 seconden.</dd>
- <dt><span class="nowiki">http://foo.com/video.ogg#t=,02:00:00</span></dt>
- <dd>Speel de video af vanaf het begin en voor de duur van 2 uur.</dd>
- <dt><span class="nowiki">http://foo.com/video.ogg#t=60</span></dt>
- <dd>Speel de video af vanaf de 60ste seconden en speel tot het einde.</dd>
-</dl>
-
-<div class="note">
-<p>The playback range portion of the media element URI specification was added to Gecko 9.0 {{ geckoRelease("9.0") }}. At this time, this is the only part of the <a class="external" href="http://www.w3.org/TR/media-frags/" title="http://www.w3.org/TR/media-frags/">Media Fragments URI specification</a> implemented by Gecko, and it can only be used when specifying the source for media elements, and not in the address bar.</p>
-</div>
-
-<h2 id="Uitwijkmogelijkheden">Uitwijkmogelijkheden</h2>
-
-<p><span id="result_box" lang="nl"><span class="hps">HTML</span> <span class="hps">opgenomen</span> <span class="hps">tussen</span> <span class="hps">bijvoorbeeld</span> <span class="hps">de openings- en de sluit</span><span class="hps">tags van</span> <span class="hps">media-elementen</span> <span class="hps">wordt verwerkt</span> <span class="hps">door browsers</span> <span class="hps">die geen ondersteuning hebben voor</span> <span class="hps">HTML5</span> <span class="hps">media</span><span>.</span> <span class="hps">U kunt profiteren</span> <span class="hps">van dit feit</span> <span class="hps">om alternatieve</span> <span class="hps">fallback</span> <span class="hps">media</span> <span class="hps">te bieden</span> <span class="hps">voor die</span> <span class="hps">browsers</span><span>.</span><br>
- <br>
- <span class="hps">Dit gedeelte bevat</span> <span class="hps">twee mogelijke</span> <span class="hps">fallback</span> <span class="hps">opties</span> <span class="hps">voor video</span>. Voor<span class="hps"> elk</span> <span class="hps">geval</span><span>,</span> als <span class="hps">de</span> <span class="hps">browser HTML5</span> <span class="hps">video</span></span><span lang="nl"> <span class="hps">ondersteunt</span><span>,</span> dan wordt die <span class="hps">gebruikt</span><span>;</span> <span class="hps">in alle andere gevallen wordt </span><span class="hps">de optie</span> <span class="hps">fallback</span> <span class="hps">gebruikt</span><span>.</span></span></p>
-
-<h3 id="Het_gebruik_van_Flash">Het gebruik van Flash</h3>
-
-<p><span id="result_box" lang="nl"><span class="hps">U kunt</span> <span class="hps">Flash</span> <span class="hps">gebruiken om een</span> <span class="hps">Flash-formaat</span> <span class="hps">film af te spelen</span> <span class="hps">als de</span> <span class="hps atn">{</span><span class="atn">{</span><span>HTMLElement</span> <span class="hps atn">(</span><span class="hps atn">"</span><span>video"</span><span>)</span><span>}</span><span>}</span> <span class="hps">element</span> <span class="hps">niet wordt ondersteund</span><span>:</span></span></p>
-
-<pre class="brush: html">&lt;video src="video.ogv" controls&gt;
- &lt;object data="flvplayer.swf" type="application/x-shockwave-flash"&gt;
- &lt;param value="flvplayer.swf" name="movie"/&gt;
- &lt;/object&gt;
-&lt;/video&gt;</pre>
-
-<p><span id="result_box" lang="nl"><span class="hps">NB: gebruik geen</span> </span><code>classid</code><span lang="nl"> <span class="hps">in het object</span><span>-tag</span> <span class="hps">om</span> <span class="hps">compatibel te zijn/blijven met andere</span> <span class="hps">browsers dan Internet Explorer</span></span>.</p>
-
-<h3 id="Ogg_videos_afspelen_met_gebruik_van_een_Java_applet">Ogg videos afspelen met gebruik van een Java applet</h3>
-
-<p>Er is een Java applet<a class="external" href="http://maikmerten.livejournal.com/2256.html" title="http://maikmerten.livejournal.com/2256.html">Cortado</a> die je kunt gebruiken las uitwijkmogelijkheid voor het afspelen van Ogg videos in browsers die Java ondersteunen, maar dat niet doen voor HTML5 video:</p>
-
-<pre class="brush: html">&lt;video src="my_ogg_video.ogg" controls width="320" height="240"&gt;
- &lt;object type="application/x-java-applet" width="320" height="240"&gt;
- &lt;param name="archive" value="cortado.jar"&gt;
- &lt;param name="code" value="com.fluendo.player.Cortado.class"&gt;
- &lt;param name="url" value="my_ogg_video.ogg"&gt;
- &lt;p&gt;You need to install Java to play this file.&lt;/p&gt;
- &lt;/object&gt;
-&lt;/video&gt;</pre>
-
-<p><span id="result_box" lang="nl"><span class="hps">Als u geen</span><span class="hps"> alternatief</span> <span class="hps">kind</span>-<span class="hps">element</span> creëert <span class="hps">van</span> het <span class="hps">cortado</span> <span class="hps">object</span> <span class="hps">element, zoals</span> het <span class="hps atn">{</span><span class="atn">{</span><span>HTMLElement</span> <span class="hps atn">(</span><span class="hps">"p"</span><span>)</span><span>}</span><span>}</span> <span class="hps">element</span> <span class="hps">hierboven</span><span>, dan zullen</span> <span class="hps">FireFox</span> <span class="hps">3.5</span> <span class="hps">installaties die</span> <span class="hps">de video</span> <span class="hps">native</span> <span class="hps">behandelen, maar</span> <span class="hps">geen</span> <span class="hps">Java</span> <span class="hps">geïnstalleerd</span> hebben ten <span class="hps">onrechte</span> <span class="hps">de</span> <span class="hps">gebruiker informeren</span> <span class="hps">dat ze een </span><span class="hps">plugin</span> <span class="hps">moeten installeren om</span> <span class="hps">de inhoud</span> <span class="hps">op</span> <span class="hps">de</span> <span class="hps">pagina te bekijken</span><span>.</span></span></p>
-
-<p>{{ h1_gecko_minversion("Foutafhandeling", "2.0") }}</p>
-
-<p>Met ingang van Gecko 2.0 is de foutafhandeling is herzien om te voldoen aan de meest recente versie van de HTML5 specificaties. De <code>error</code> gebeurtenis wordt nu naar afgeleverd bij het kind-element dat behoort bij de bron die de fout laat ontstaan in plaats van bij het media-element zelf.</p>
-
-<p>Dit zorgt er voor dat u kunt bepalen welke bron niet geladen werd, dit kan nuttig zijn. Bekijk deze HTML maar eens:</p>
-
-<pre class="brush: html">&lt;video&gt;
-&lt;source id="mp4_src"
- src="video.mp4"
- type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'&gt;
-&lt;/source&gt;
-&lt;source id="3gp_src"
- src="video.3gp"
- type='video/3gpp; codecs="mp4v.20.8, samr"'&gt;
-&lt;/source&gt;
-&lt;source id="ogg_src"
- src="video.ogv"
- type='video/ogg; codecs="theora, vorbis"'&gt;
-&lt;/source&gt;
-&lt;/video&gt;</pre>
-
-<p>Omdat Firefox MP4 en 3GP niet ondersteunt vanwege principe van patentbezwaren zullen {{ HTMLElement("source") }} elementen met de ID's "mp4_src" en "3gp_src" in een <code>error</code> gebeurtenis lopen voordat de Ogg bron geladen wordt. De bronnen worden uitgevoerd in de volgorde waarin ze staan en wanneer er eenmaal een succesvol geladen is dan worden de overige bronnen helemaal niet meer geraadpleegd.</p>
-
-<h3 id="Detecteren_of_er_geen_bronnen_zijn_geladen">Detecteren of er geen bronnen zijn geladen</h3>
-
-<p>Om vast te stellen dat niet een {{ HTMLElement("source") }} kindelement is geladen kunt u de waarde van het attribuut <code>networkState</code> van het media-element controleren, Wanneer de waarde <code>HTMLMediaElement.NETWORK_NO_SOURCE</code> is dan weet u dat geen van de bronnen geladen is.</p>
-
-<p>Op dat punt gekomen kunt u een andere bron invoegen met behulp van een nieuw {{ HTMLElement("source") }} element als child van het media element en Gecko zal een poging doen om die bron te laden.</p>
-
-<h3 id="Inhoud_tonen_wanneer_geen_bron_gedecodeerd_kon_worden">Inhoud tonen wanneer geen bron gedecodeerd kon worden</h3>
-
-<p><span id="result_box" lang="nl"><span class="hps">Een andere manier om</span> <span class="hps">de</span> <span class="hps">fallback</span> <span class="hps">inhoud</span> van <span class="hps">een video te tonen</span> <span class="hps">als geen van</span> <span class="hps">de</span> <span class="hps">bronnen</span> <span class="hps">kan</span> <span class="hps">worden</span> <span class="hps">gedecodeerd</span> <span class="hps">in</span> <span class="hps">de</span> <span class="hps">huidige</span> <span class="hps">browser</span><span>'s is het</span> <span class="hps">toevoegen</span>van foutafhandeling in <span class="hps">het</span> <span class="hps">laatste</span> <span class="hps">bronelement</span><span>.</span> <span class="hps">Dan kunt u de</span> <span class="hps">video</span> <span class="hps">vervangen</span> <span class="hps">met zijn</span> <span class="hps">fallback</span> <span class="hps">inhoud</span></span>:</p>
-
-<pre class="brush: html">&lt;video controls&gt;
-  &lt;source src="dynamicsearch.mp4" type="video/mp4"&gt;&lt;/source&gt;
-  &lt;a href="dynamicsearch.mp4"&gt;
-    &lt;img src="dynamicsearch.jpg" alt="Dynamic app search in Firefox OS"&gt;
-  &lt;/a&gt;
-  &lt;p&gt;<span id="result_box" lang="nl"><span class="hps">Klik op de afbeelding</span> <span class="hps">om een video</span> <span class="hps">demo van</span> een <span class="hps">dynamische</span> <span class="hps">app</span> <span class="hps">zoekopdracht</span> af te <span class="hps">spelen</span></span>&lt;/p&gt;
-&lt;/video&gt;
-
-</pre>
-
-<pre class="brush: js">var v = document.querySelector('video'),
-    sources = v.querySelectorAll('source'),
-    lastsource = sources[sources.length-1];
-lastsource.addEventListener('error', function(ev) {
-  var d = document.createElement('div');
-  d.innerHTML = v.innerHTML;
-  v.parentNode.replaceChild(d, v);
-}, false);
-</pre>
-
-<h2 id="Bekijk_ook">Bekijk ook</h2>
-
-<ul>
- <li>De HTML elementen voor media: {{ HTMLElement("audio") }}, {{ HTMLElement("video") }}, {{ HTMLElement("source") }};</li>
- <li><a href="/en-US/docs/Manipulating_video_using_canvas" title="Manipulating video using canvas">Het manipuleren van video met beulp van canvas</a></li>
- <li><a href="/en-US/docs/Introducing_the_Audio_API_Extension" title="Introducing the Audio API Extension">Introductie van de Audio API Extension</a></li>
- <li>{{ interface("nsIDOMHTMLMediaElement") }}</li>
- <li><a href="/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements" title="Media formats supported by the audio and video elements">Media formats die ondersteuend worden door de audio en video elementen</a></li>
- <li><a class="external" href="http://en.flossmanuals.net/ogg-theora/" title="http://en.flossmanuals.net/ogg-theora/">Theora Cookbook</a></li>
- <li><a class="external" href="http://popcornjs.org/" title="http://popcornjs.org/">Popcorn.js - The HTML5 Media Framework</a></li>
- <li><a class="external" href="http://www.html5video.org/kaltura-html5/" title="http://www.html5video.org/kaltura-html5/">Kaltura Video Library Solution</a>, een JavaScript bibliotheek (mwEmbed) die een naadloze uitwijkmogelijkheid ondersteund voor HTML5, VLC Player, Java Cortado en OMTK Flash Vorbis player  (wordt gebruikt door Wikimedia).</li>
- <li><a class="external" href="http://omtk.org/flash/index.html" title="http://omtk.org/flash/index.html">OMTK - Flash</a>, een Flash bibliotheek die een Vorbis decoder implementeert</li>
- <li><a class="external" href="http://www.projekktor.com" title="http://www.projekktor.com">Projekktor Player</a>, een JavaScript wrapper voor audio- and video-tags met flash fallback, open source, GPL</li>
- <li><a class="external" href="http://www.theora.org/cortado/" title="http://www.theora.org/cortado/">Applet Cortado</a>, een audio/video playback oplossing in Java die wordt onderhouden door Xiph.org</li>
- <li><a class="external" href="http://videojs.com" title="Video.js HTML5 Video Player">Video.JS</a>, een open source HTML5 video player en framework.</li>
- <li><a class="external" href="http://mediaelementjs.com/" title="http://mediaelementjs.com/">MediaElement.js</a> - open source HTML5 audio/video framework met een aangepaste Flash shim API die HTML5 media nabootst tbv oudere browsers.</li>
- <li><a class="external" href="http://www.hdwebplayer.com" title="http://www.hdwebplayer.com">Flv Player</a> - HTML5 fallback support video player</li>
- <li><a href="/en-US/docs/DASH_Adaptive_Streaming" title="/en-US/docs/DASH_Adaptive_Streaming">DASH - Dynamic Adaptive Streaming over HTTP</a> - tbv HTML5 video</li>
- <li><a href="http://jPlayer.org">jPlayer</a> een open source audio en video libray voor jQuery enZepto</li>
-</ul>