I am writing a portfolio of videos for future employers in HTML, in my portfolio I have embedded YouTube videos through the built-in HTML embed.
In Google Chrome, inline video works correctly, but in FireFox they do not:
I have three different videos embedded in my portfolio, the first video displays correctly, the second also, but the third refuses to show. Instead, it just shows my second video while I used the third insert code.
Here is the site code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Portfolio Adriaan Boer</title>
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
</head>
<body bgcolor="#E2FF9C">
<FONT size="4" face="Arial" color="black"
<p>
<center>
Welkom op mijn portfolio, hier volgen enkele items die ik heb gemaakt/ aan heb meegeholpen (een internetverbinding is vereist omdat de filmpjes allemaal hierop te vinden zijn). Daarnaast is er een korte uitleg over mij te vinden op de "Over mij" pagina, hier is ook mijn CV te vinden (onderaan de pagina).
<br>
</br>
De items staan gesorteerd op volgorde van productieopname, de nieuwste bovenaan.
</p>
</center>
<br>
</br>
<center>
<iframe width="560" height="315" src="https://www.youtube.com/embed/ypiUih_QI5g" frameborder="0" allowfullscreen></iframe>
<p>
Houdbaarheidsdatum: Onbeperkt, mijn oud stagengenoot bij RTi Hilversum Dennis van der Ploeg leidt aan de Ziekte van Duchenne waardoor hij in een rolstoel zit. Om aangemomen te worden bij BNN-VARA moest hij een solcitiatiefilmpje maken van zijn format. Hier heb ik bij geholpen door het te filmen en te monteren/ de post-productie te doen.
</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/mPbNnFZeXdQ" frameborder="0" allowfullscreen></iframe>
<p>
Cyclotron is een korte speelfilm, gemaakt voor de 48hour van Neimegen. Hiervoor heb ik het geboomed en de audio nabewerkt.
</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/1tcX0s5KLyw" frameborder="0" allowfullscreen></iframe>
<p>
RTi Bezoekt is het programma van Lenn Fransche waarin wij op bezoek gaan bij leuke of opvallende plekken in Hilversum. Dit keer zijn wij op bezoek gegaan bij het Fransche kamp, een 'Amsterdams' kampeerterrein vlak bij Bussem. Voor dit programma heb ik het camerawerk verzorgt en de na-montage gedaan.
</p>
</center>
</body>
</html>
My first video is Onbeperkt pilot, the second is Cyclotron, and the third is RTi Bezoekt: De Fransche Kamp.
What am I doing wrong?
Ps: The web page is not intended for use on-line, only for offline viewing.