s4
annotate 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 |
| rev | line source |
|---|---|
| yuuji@996 | 1 Content-type: _CONTENT_TYPE_ |
| yuuji@996 | 2 |
| yuuji@996 | 3 <!DOCTYPE html> |
| yuuji@996 | 4 <html> |
| yuuji@996 | 5 <head><title>_TITLE_</title> |
| yuuji@996 | 6 <meta charset="utf-8"> |
| yuuji@996 | 7 <style type="text/css"> |
| yuuji@996 | 8 background: {#eee;} |
| yuuji@996 | 9 video#video {max-width: 720px;} |
| yuuji@996 | 10 </style> |
| yuuji@996 | 11 </head> |
| yuuji@996 | 12 <body> |
| yuuji@996 | 13 <h1>_TITLE_</h1> |
| yuuji@996 | 14 <video id="video" controls> |
| yuuji@996 | 15 <source src="_SRC_"> |
| yuuji@996 | 16 </video> |
| yuuji@996 | 17 <table> |
| yuuji@996 | 18 <tr><td>再生速度/Speed</td><td>音量/Volume</td></tr> |
| yuuji@996 | 19 <tr><td id="speedval"></td><td id="volval"></td></tr> |
| yuuji@996 | 20 <tr><td><input type="range" value="100" id="speed" min="50" max="200"></td> |
| yuuji@996 | 21 <td><input type="range" value="100" id="volume" min="0" max="100"></td></tr> |
| yuuji@996 | 22 </table> |
| yuuji@996 | 23 <p> |
| yuuji@996 | 24 |
| yuuji@996 | 25 |
| yuuji@996 | 26 <span id="speedval"></span> |
| yuuji@996 | 27 </p> |
| yuuji@996 | 28 <script type="text/javascript" src="s4-media.js"></script> |
| yuuji@996 | 29 |
| yuuji@996 | 30 </body> |
| yuuji@996 | 31 </html> |