-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathhow-to-view-video.html
125 lines (98 loc) · 3.82 KB
/
how-to-view-video.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html>
<head>
<title>How To View Video</title>
<style>
p {width:500px;
font-family:Calibri,Trebuchet MS,Verdana,sans-serif;
margin-bottom:-.25em;
margin-top:.75em;
}
h2 {font-family:Calibri,Trebuchet MS,Verdana,sans-serif;
margin-bottom:-.5em;
}
h4 {font-family:Calibri,Trebuchet MS,Verdana,sans-serif;
margin-bottom:-.25em}
div{font-family:Calibri,Trebuchet MS,Verdana,sans-serif;}
br {margin-bottom:-10em}
</style>
</head>
<body>
<h2>How to View the Video</h2>
<h4>Playing the Video</h4>
<p>
You can start and stop the video by typing a space.
You can also use the video player's controls to stop, start, and
move around in the video.
You may have to hover the mouse over the video player to display
its controls.
</div>
</p>
<h4>Adjusting Video Size</h4>
<p>
When the video is playing, the viewer is normally made as large as
its window allows. At certain points, the video will become small and
some content will appear on its web page.
</p>
<h4>Moving About in the VIdeo</h4>
<p>
The arrow buttons
<img src="skip.png" width="85"
style="margin-bottom:-.4em;margin-top:0em">
skip forward and back in the video by 5
seconds. This can be useful for repeating something you missed.
</p>
<div style="margin-top:1em;width:500px">
The
<div style="display:inline-block;border:1px solid black;width:4em;text-align:center">Contents</div>
button displays the table of contents. Clicking on
an entry takes you to that part of the video.
</p>
<!--------------------------------------------------------------------
<p> You can move about in the video by clicking on the player's
seek bar or sliding the seek bar's indicator.
</p>
<div style="margin-left:180px;margin-top:10px">
<img src="seek.png">
<div style="font-size:15px;margin-top:-10px;margin-left:25px;margin-bottom:-7px">indicator</div>
</div>
<p>On some browsers, including Chrome, sliding the
indicator while the video is playing may do strange things,
so you should stop the video first. Clicking on the seek bar
always works, even if the video is playing.
</p>
<h4>The Table of Contents</h4>
<div style="margin-top:1em;width:500px">
The
<div style="display:inline-block;border:1px solid black;width:4em;text-align:center">Contents</div>
button displays the table of contents. Clicking on
an entry takes you to that part of the video.
</div>
--------------------------------------------------------------->
<h4>Playback Speed</h4>
<div style="margin-top:1em">
The
<div style="display:inline-block;border:1px solid black;width:3em;text-align:center">Speed</div>
button controls the video's playback rate.
</div>
<h4>Copying Text from the Web Page</h4>
<div style="margin-top:.75em;width:500px">
Sometimes when the video becomes small, you are asked to copy text from
the Web page to paste into the Toolbox. The text appears in
microscopic print that you can copy like normal text or by simply
clicking on a <div style="display:inline-block;border:1px solid
black;width:2.5em;text-align:center;margin-top:1px"> Copy</div>
button. </div>
<h4>Known Problems</h4>
<!-- div style="margin-top:.75em;width:500px">
Because there is no state-machine specification of Web page commands,
different browsers behave differently. Here are the problems we know
this causes. </div>
-->
<ul style="margin-top:.75em;width:500px;margin-left:-1em;">
<li>
Sliding the viewer's seek bar indicator past the points where the
video becomes small may not work smoothly. Clicking on the seek
bar always works fine.
</ul>
</body></html>