| <!-- |
| -- Copyright 2014 The Chromium Authors. All rights reserved. |
| -- Use of this source code is governed by a BSD-style license that can be |
| -- found in the LICENSE file. |
| --> |
| |
| <html> |
| <head> |
| <title>#xFEFF;</title> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> |
| <link rel="stylesheet" type="text/css" href="css/media_controls.css"> |
| <link rel="stylesheet" href="chrome://resources/css/menu.css"> |
| |
| <link rel="stylesheet" type="text/css" href="css/video_player.css"> |
| <link rel="stylesheet" type="text/css" href="css/arrow_box.css"> |
| <link rel="stylesheet" type="text/css" href="css/cast_menu.css"> |
| |
| <link rel="import" href="chrome-extension://hhaomjibdihmijegdhdafkllkbggdgoj/foreground/elements/files_icon_button.html"> |
| <link rel="import" href="chrome://resources/cr_elements/cr_slider/cr_slider.html"> |
| |
| <script src="js/video_player_scripts.js"></script> |
| </head> |
| <body> |
| <custom-style> |
| <style is="custom-style"> |
| files-icon-button { |
| --files-ripple: { |
| background-color: black; |
| }; |
| --files-toggle-ripple: { |
| background-color: black; |
| }; |
| --files-toggle-ripple-activated: { |
| background-color: black; |
| }; |
| } |
| |
| cr-slider { |
| cursor: pointer; |
| |
| --cr-slider-knob-color: rgb(64, 138, 241); |
| --cr-slider-active-color: rgb(66, 133, 244); |
| } |
| </style> |
| </custom-style> |
| <div id="video-player" tools> |
| <cr-menu id='cast-menu' class='cast-menu tool' |
| i18n-values="playon-text:VIDEO_PLAYER_PLAY_ON"></cr-menu> |
| <div id="cast-container"> |
| <div id="cast-info"> |
| <div class="first-line" id='cast-name-label' |
| i18n-content="VIDEO_PLAYER_PLAYING_ON"></div> |
| <div class="second-line" id="cast-name"></div> |
| </div> |
| </div> |
| <div id="thumbnail"></div> |
| <div id="video-container"> |
| </div> |
| <div id="spinner-container"> |
| <div class="spinner"></div> |
| </div> |
| <div id="controls-wrapper"> |
| <div id="controls" class="tool"></div> |
| </div> |
| <div class="arrow-box"> |
| <div class="arrow left tool"><div></div></div> |
| <div class="arrow-spacer"></div> |
| <div class="arrow right tool"><div></div></div> |
| </div> |
| <div id="error-wrapper"> |
| <div id="error"></div> |
| </div> |
| </div> |
| </body> |
| </html> |