s4
view examples/common/default/videoplay.m4.html @ 996:a50f5b0b2c3d
Media player built in viewer box
| author | HIROSE Yuuji <yuuji@gentei.org> |
|---|---|
| date | Sun, 16 Oct 2022 07:56:34 +0859 |
| parents | |
| children |
line source
1 Content-type: _CONTENT_TYPE_
3 <!DOCTYPE html>
4 <html>
5 <head><title>_TITLE_</title>
6 <meta charset="utf-8">
7 <style type="text/css">
8 background: {#eee;}
9 video#video {max-width: 720px;}
10 </style>
11 </head>
12 <body>
13 <h1>_TITLE_</h1>
14 <video id="video" controls>
15 <source src="_SRC_">
16 </video>
17 <table>
18 <tr><td>再生速度/Speed</td><td>音量/Volume</td></tr>
19 <tr><td id="speedval"></td><td id="volval"></td></tr>
20 <tr><td><input type="range" value="100" id="speed" min="50" max="200"></td>
21 <td><input type="range" value="100" id="volume" min="0" max="100"></td></tr>
22 </table>
23 <p>
26 <span id="speedval"></span>
27 </p>
28 <script type="text/javascript" src="s4-media.js"></script>
30 </body>
31 </html>