Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

136 lines (65 sloc) 1.874 kb
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTML5のvideoタグ</title>
</head>
<body>
<!--videoタグをここにいれる,mp4ファイル-->
<div><video id="video" src="video/automatic.mp4"></div>
<input type="button" value="start" onclick="play()">
<input type="button" value="stop" onclick="pause()">
<input type="button" value="speedup" onclick="speedup()">
<input type="button" value="speeddown" onclick="speeddown()">
<script>
//関数オブジェクトVideoをつくる。複数のvideoオブジェクトをつくることを想定。
Video = function()
{
//ここにオブジェクトごとに、独立させたい、プロパティーやメソッドを書く。
this.videoobject = document.getElementById("video");
}
//関数オブジェクトVideoのplayメソッドを定義する。
Video.prototype.play = function()
{
this.videoobject.play();
}
//関数オブジェクトVideoのpauseメソッドを定義する。
Video.prototype.pause = function()
{
this.videoobject.pause();
}
//スピードを上げるメソッドを定義する。
Video.prototype.speedup = function()
{
this.videoobject.playbackRate= this.videoobject.playbackRate + 0.1;
}
//スピードを下げるメソッドを定義する。
Video.prototype.speeddown = function()
{
this.videoobject.playbackRate= this.videoobject.playbackRate - 0.1;
}
//ここで、videoオブジェクトを作成する。
var video = new Video;
//playボタンを押したときにする処理。
function play()
{
video.play();
}
//stopボタンを押したときにする処理。
function pause()
{
video.pause();
}
//speedupボタンを押したき
function speedup()
{
video.speedup();
}
//speeddownボタンを押したき
function speeddown()
{
video.speeddown();
}
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.