Example with sound and video-element in een extra window

Here you see ....

A solution in programming is:

<HTML>
<HEAD>
<TITLE>Een extra window</TITLE>
</HEAD>

<SCRIPT>
function presenteer (video)
 {
   Instructie = window.open ("ordenen.html","Instructie","width=200,height=280")
 }
</SCRIPT>


<BODY>
xxx
xxx
xxx 
etc. 
xxx
xxx
<FORM>
<INPUT TYPE="button" 
       NAME="video" 
       VALUE="klik hier voor hulp van een instructeur" 
       ONCLICK="presenteer(video)"
>
</FORM>
xxx
xxx
etc. 
xxx
xxx
</BODY>
</HTML>

De tweede file ziet er als volgt uit:

<HTML>
<HEAD>
<TITLE>Ordenen-video</TITLE>
</HEAD>

<CENTER>

<EMBED SRC = "ordenen.mov"
   WIDTH=180
   HEIGHT=150
   FULSCREEN=yes
   AUTOSTART=yes
   CONTROLLER=false>

</CENTER>

<P>
Klik hier en luister naar de instructeur

</BODY>
</HTML>

Hieronder kun je klikken om het resultaat te zien.

Resultaat:

Je ziet een extra window geopend worden met daarin een video-tje. Dit video-tje wordt geladen en wordt in principe direct afgespeeld. Je moet echter wel steeds even op het beeldje klikken als je het wilt zien en wilt horen. Dat kan allemaal anders. Er zijn verschillende vrijheidsgraden bij dit soort video-filmpjes. Zie daarvoor de video opdrachten; elders.

Jouw file moet een tweede HTML-file aanroepen. Hier: "ordenen.html". De functie "presenteer (video)" creeert een extra window onder de naam "Instructie". Die naam kun je gebruiken om window - later - eventueeel te sluiten. Het window heeft een ingestelde hoogte en breedte. Dat wordt bepaald door: "width=200,height=280". De afmetingen moet echter wel zodanig zijn dat de gehele inhoud (van video-tje met de afmeting WIDTH=180 en HEIGHT=150, plus de tekst "Klik hier en luister naar de instructeur") er minstens helemaal in past.