OLD | NEW |
1 <!-- NOTE: The ids in this file must be kept in sync with MultipleVideosTest.jav
a --> | 1 <!-- NOTE: The ids in this file must be kept in sync with MultipleVideosTest.jav
a --> |
2 | 2 |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <script> | 5 <script> |
6 function playFirstVideo() { | 6 function playFirstVideo() { |
7 document.getElementById('firstVideo').play(); | 7 document.getElementById('firstVideo').play(); |
8 } | 8 } |
9 | 9 |
10 function playSecondVideo() { | 10 function playSecondVideo() { |
11 document.getElementById('secondVideo').play(); | 11 document.getElementById('secondVideo').play(); |
12 } | 12 } |
13 </script> | 13 </script> |
14 </head> | 14 </head> |
15 <body> | 15 <body> |
16 | 16 |
17 <button id="playFirstButton" style='padding:10px 10px;' onclick="playFirstVideo(
); return false">Play first</button> | 17 <button id="playFirstButton" style='padding:10px 10px;' onclick="playFirstVideo(
); return false">Play first</button> |
18 <button id="playSecondButton" style='padding:10px 10px;' onclick="playSecondVide
o(); return false">Play second</button> | 18 <button id="playSecondButton" style='padding:10px 10px;' onclick="playSecondVide
o(); return false">Play second</button> |
19 | 19 |
20 <video style='width: 10px; height: 10px;' id='firstVideo' controls> | 20 <video style='width: 10px; height: 10px;' id='firstVideo' controls> |
21 <source src="video.mp4" type="video/mp4"> | 21 <source src="video.webm" type="video/webm"> |
22 </video> | 22 </video> |
23 | 23 |
24 <video style='width: 10px; height: 10px;' id='secondVideo' controls> | 24 <video style='width: 10px; height: 10px;' id='secondVideo' controls> |
25 <source src="video.mp4" type="video/mp4"> | 25 <source src="video.webm" type="video/webm"> |
26 </video> | 26 </video> |
27 | 27 |
28 </body> | 28 </body> |
29 </html> | 29 </html> |
OLD | NEW |