blob: bb70f389171df7895961985df80bc8c8770509ea (
plain)
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
|
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
windowtype="Toolkit:PictureInPicture"
chromemargin="0,0,0,0"
>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css"
href="chrome://global/skin/pictureinpicture/player.css"/>
<link rel="localization" href="toolkit/pictureinpicture/pictureinpicture.ftl"/>
<link rel="localization" href="browser/browserSets.ftl"/>
<script src="chrome://global/content/pictureinpicture/player.js"></script>
<title data-l10n-id="pictureinpicture-player-title"></title>
</head>
<body>
<xul:commandset>
<xul:command id="View:PictureInPicture" oncommand="Player.onCommand(event);"/>
</xul:commandset>
<xul:keyset>
<xul:key id="closeShortcut" key="W" modifiers="accel"/>
<xul:key id="muteShortcut" key="↓" modifiers="accel"/>
<xul:key id="unMuteShortcut" key="↑" modifiers="accel"/>
#ifndef XP_MACOSX
<xul:key data-l10n-id="picture-in-picture-toggle-shortcut" command="View:PictureInPicture" modifiers="accel,shift"/>
<xul:key data-l10n-id="picture-in-picture-toggle-shortcut-alt" command="View:PictureInPicture" modifiers="accel,shift"/>
#else
<xul:key data-l10n-id="picture-in-picture-toggle-shortcut-mac" command="View:PictureInPicture" modifiers="accel,alt,shift"/>
<xul:key data-l10n-id="picture-in-picture-toggle-shortcut-mac-alt" command="View:PictureInPicture" modifiers="accel,alt,shift"/>
#endif
</xul:keyset>
<div class="player-holder">
<xul:browser type="content" primary="true" remote="true" remoteType="web" id="browser" tabindex="-1"></xul:browser>
</div>
<div id="controls">
<button id="close"
class="control-item control-button tooltip-under-controls" data-l10n-attrs="tooltip"
#ifdef XP_MACOSX
mac="true"
#endif
tabindex="8"/>
<div id="controls-bottom-gradient" class="control-item" hidden="true"></div>
<div id="controls-bottom">
<div class="controls-bottom-upper">
<div class="scrubber-no-drag">
<input id="scrubber" class="control-item" hidden="true" min="0" max="1" step=".001" type="range" tabindex="9"/>
</div>
</div>
<div class="controls-bottom-lower">
<div id="timestamp" class="control-item" hidden="true"></div>
<div class="gap" hidden="true"></div>
<button id="unpip" class="control-item control-button tooltip-over-controls inline-start-tooltip" data-l10n-id="pictureinpicture-unpip-btn" data-l10n-attrs="tooltip" tabindex="10"></button>
<div class="gap"></div>
<button id="seekBackward" class="control-item control-button tooltip-over-controls center-tooltip" hidden="true" data-l10n-id="pictureinpicture-seekbackward-btn" data-l10n-attrs="tooltip" tabindex="11"></button>
<div class="gap" hidden="true"></div>
<button id="playpause" class="control-item control-button tooltip-over-controls center-tooltip" tabindex="1"
data-l10n-id="pictureinpicture-pause-btn" data-l10n-attrs="tooltip"/>
<div class="gap" hidden="true"></div>
<button id="seekForward" class="control-item control-button tooltip-over-controls center-tooltip" hidden="true" data-l10n-id="pictureinpicture-seekforward-btn" data-l10n-attrs="tooltip" tabindex="2"></button>
<div class="gap" hidden="true"></div>
<button id="audio" class="control-item control-button tooltip-over-controls center-tooltip" hidden="true" data-l10n-attrs="tooltip" tabindex="3"/>
<div class="gap subtitles" hidden="true"></div>
<button id="closed-caption" class="control-item control-button tooltip-over-controls center-tooltip closed-caption subtitles" hidden="true" data-l10n-id="pictureinpicture-subtitles-btn" data-l10n-attrs="tooltip" tabindex="4"></button>
<div id="settings" class="hide">
<div class="panel">
<div class="box">
<div class="subtitle-grid">
<label data-l10n-id="pictureinpicture-subtitles-label" class="bold"></label>
<label class="switch">
<input id="subtitles-toggle" type="checkbox" tabindex="5" checked=""/>
<span class="slider" role="presentation"></span>
</label>
</div>
<div class="grey-line"></div>
<div class="font-size-selection">
<label data-l10n-id="pictureinpicture-font-size-label" class="bold"></label>
<label>
<input id="small" type="radio" name="cc-size" tabindex="6"/>
<span data-l10n-id="pictureinpicture-font-size-small"></span>
</label>
<label>
<input id="medium" type="radio" name="cc-size" tabindex="6"/>
<span data-l10n-id="pictureinpicture-font-size-medium"></span>
</label>
<label>
<input id="large" type="radio" name="cc-size" tabindex="6"/>
<span data-l10n-id="pictureinpicture-font-size-large"></span>
</label>
</div>
</div>
<div class="arrow"></div>
</div>
</div>
<div class="gap" hidden="true"></div>
<button id="fullscreen" class="control-item control-button tooltip-over-controls inline-end-tooltip" hidden="true" data-l10n-id="pictureinpicture-fullscreen-btn" data-l10n-attrs="tooltip" tabindex="7"></button>
</div>
</div>
</div>
</body>
</html>
|
