Sandbox Turky2: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
'''This column is 70% counted from 85% of the screen width (and has a background color)''' | '''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> | |||
Revision as of 19:58, 8 May 2015
| This column width is 85% of the screen width (and has a background color) | |
|
This column is 30% counted from 85% of the screen width |
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>
<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>
Video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.
</body> </html>