|
|
Line 1: |
Line 1: |
| {| style="color: black; background-color: #ffffcc;" width="85%" | | {| |
| | colspan="2" | This column width is 85% of the screen width (and has a background color)
| |
| |-
| |
| | style="width: 30%; background-color: white;"|
| |
| '''This column is 30% counted from 85% of the screen width'''
| |
| | style="width: 70%; background-color: orange;"|
| |
| '''This column is 70% counted from 85% of the screen width (and has a background color)'''
| |
| |}
| |
|
| |
|
| | |+ |
|
| |
|
| <html>
| |
| <body>
| |
|
| |
|
| <button onclick="myFunction()" type="button">Check if the video has a media controller</button><br>
| |
|
| |
|
| <video id="myVideo" width="320" height="176" controls>
| | |} |
| <source src="mov_bbb.mp4" type="video/mp4">
| |
| <source src="mov_bbb.ogg" type="video/ogg">
| |
| Your browser does not support HTML5 video.
| |
| </video>
| |
| | |
| <script>
| |
| var vid = document.getElementById("myVideo");
| |
| | |
| function myFunction() {
| |
| alert("Controller: " + vid.controller);
| |
| } | |
| </script>
| |
| | |
| <p>Video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>
| |
| | |
| </body>
| |
| </html>
| |