hulu-view-modifier/popup.html at master · ryotsun/hulu-view-modifier · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<h1>Hulu View Modifier</h1>
<form>
    <dl>
        <dt>動画プレイヤーの横幅</dt>
        <dd>
            <div id="width-value"></div>
            <label for="width-bar">
                <span>30%</span>
                <input type="range" id="width-bar" min="30" max="100" step="1">
                <span>100%</span>
            </label>
        </dd>
        <dt>サムネイルのポップアップ</dt>
        <dd>
            <label for="popup-zoom">
                <input type="checkbox" id="popup-zoom"> ポップアップを表示する
            </label>
        </dd>
    </dl>
</form>
<script type="text/javascript" src="script/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="script/popup.js"></script>
</body>
</html>