OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, | 6 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, |
7 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, | 7 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, |
8 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, | 8 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, |
9 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, | 9 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, |
10 tfoot, thead, tr, th, td, button { | 10 tfoot, thead, tr, th, td, button { |
(...skipping 725 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
736 .full-screen #session-mode { | 736 .full-screen #session-mode { |
737 position: fixed; | 737 position: fixed; |
738 top: 0; | 738 top: 0; |
739 left: 0; | 739 left: 0; |
740 width: 100%; | 740 width: 100%; |
741 } | 741 } |
742 | 742 |
743 /* video-container needs relative position so that mediasource-video-output can | 743 /* video-container needs relative position so that mediasource-video-output can |
744 * be positioned relative to the parent with position:absolute. */ | 744 * be positioned relative to the parent with position:absolute. */ |
745 #video-container { | 745 #video-container { |
| 746 width: 100%; |
746 position: relative; | 747 position: relative; |
747 } | 748 } |
748 | 749 |
749 /* mediasource-video-output is hidden by default. */ | 750 /* mediasource-video-output is hidden by default. */ |
750 #mediasource-video-output { | 751 #mediasource-video-output { |
751 display: none; | 752 display: none; |
752 } | 753 } |
753 | 754 |
754 /* Use absolute positioning for mediasource-video-output so that it's rendered | 755 /* Use absolute positioning for mediasource-video-output so that it's rendered |
755 * at the same position as the plugin. */ | 756 * at the same position as the plugin. */ |
756 #video-container.mediasource-rendering #mediasource-video-output { | 757 #video-container.mediasource-rendering #mediasource-video-output { |
757 display: block; | 758 display: block; |
758 position: absolute; | 759 position: absolute; |
759 left: 0; | 760 left: 0; |
760 top: 0; | 761 top: 0; |
761 box-shadow: 0 0 8px 0 black; | 762 box-shadow: 0 0 8px 0 black; |
762 } | 763 } |
763 | 764 |
764 /* | 765 /* |
765 * With MediaSource-based rendering the plugin is transparent and is placed on | 766 * With MediaSource-based rendering the plugin is transparent and is placed on |
766 * top of the <video> element so that it can still receive mouse events. | 767 * top of the <video> element so that it can still receive mouse events. |
767 * | 768 * |
768 * TODO(sergeyu): This is temporary solution. Ideally mouse and keyboard events | 769 * TODO(sergeyu): This is temporary solution. Ideally mouse and keyboard events |
769 * should be captured on JS level and passed to the plugin. | 770 * should be captured on JS level and passed to the plugin. |
770 */ | 771 */ |
771 #video-container.mediasource-rendering #client-plugin-container { | 772 #video-container.mediasource-rendering #client-plugin-container { |
772 opacity: 0; | 773 opacity: 0; |
773 } | 774 } |
OLD | NEW |