1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/extensions/shumway/content/web/simple.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,130 @@
1.4 +<!DOCTYPE html>
1.5 +<!--
1.6 +Copyright 2013 Mozilla Foundation
1.7 +
1.8 +Licensed under the Apache License, Version 2.0 (the "License");
1.9 +you may not use this file except in compliance with the License.
1.10 +You may obtain a copy of the License at
1.11 +
1.12 + http://www.apache.org/licenses/LICENSE-2.0
1.13 +
1.14 +Unless required by applicable law or agreed to in writing, software
1.15 +distributed under the License is distributed on an "AS IS" BASIS,
1.16 +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1.17 +See the License for the specific language governing permissions and
1.18 +limitations under the License.
1.19 +-->
1.20 +<html>
1.21 + <head>
1.22 + <meta charset="utf-8">
1.23 + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
1.24 + <base href=""/>
1.25 +
1.26 + <script src="../lib/DataView.js/DataView.js"></script>
1.27 +
1.28 + <!-- Load SWF Dependencies -->
1.29 + <script src="../flash/util.js"></script>
1.30 + <script src="../swf/inflate.js"></script>
1.31 + <script src="../swf/stream.js"></script>
1.32 +
1.33 + <style>
1.34 + body {
1.35 + margin: 0;
1.36 + overflow: hidden;
1.37 + background-color: rgba(128, 128, 128, 0.5);
1.38 + font-family: sans-serif;
1.39 + }
1.40 + #screen {
1.41 + position: fixed;
1.42 + top: 0; left: 0; right: 0; bottom: 0;
1.43 + }
1.44 + #container {
1.45 + position: fixed;
1.46 + top: 50%; left: 0; right: 0; bottom: 50%;
1.47 + }
1.48 + #content {
1.49 + margin-top: -64px;
1.50 + text-align: center;
1.51 + }
1.52 + #playbutton {
1.53 + background-color: transparent;
1.54 + background-image: url(chrome://global/skin/media/videoClickToPlayButton.svg);
1.55 + border: none 0px;
1.56 + width: 64px;
1.57 + height: 64px;
1.58 + display: block;
1.59 + margin-left: auto;
1.60 + margin-right: auto;
1.61 + cursor: pointer;
1.62 + margin-bottom: 10px;
1.63 + }
1.64 + #playbutton > span {
1.65 + overflow: hidden;
1.66 + width: 0px; height: 0px;
1.67 + display: inline-block;
1.68 + }
1.69 +
1.70 + @media screen and (max-width: 160px) , screen and (max-height: 160px) {
1.71 + #playbutton {
1.72 + display: none;
1.73 + }
1.74 + #content {
1.75 + margin-top: -6px;
1.76 + }
1.77 + }
1.78 +
1.79 + #screen {
1.80 + transition: opacity 0.5s linear;
1.81 + -webkit-transition: opacity 0.5s linear;
1.82 + opacity: 0.1;
1.83 + }
1.84 +
1.85 + #screen:hover {
1.86 + opacity: 1.0;
1.87 + }
1.88 +
1.89 + .shumwayButton {
1.90 + background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
1.91 + background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
1.92 + background-color:#f9f9f9;
1.93 + -moz-border-radius:4px;
1.94 + -webkit-border-radius:4px;
1.95 + border-radius:4px;
1.96 + border:1px solid #a0a0a0;
1.97 + display:inline-block;
1.98 + color:#666666;
1.99 + font-family:arial;
1.100 + font-size:11px;
1.101 + font-weight:bold;
1.102 + padding:6px 11px;
1.103 + text-decoration:none;
1.104 + text-shadow:1px 1px 0px #ffffff;
1.105 + width: 70px;
1.106 + cursor: pointer;
1.107 + }
1.108 + .shumwayButton:hover {
1.109 + background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
1.110 + background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
1.111 + background-color:#e9e9e9;
1.112 + }
1.113 + .shumwayButton:active {
1.114 + position:relative;
1.115 + top:1px;
1.116 + }
1.117 + </style>
1.118 + </head>
1.119 +
1.120 + <body>
1.121 + <div id='screen'>
1.122 + <div id='container'>
1.123 + <div id='content'>
1.124 + <button id='playbutton'><span>Play</span></button>
1.125 + <div id='toolbar'>
1.126 + <a class="shumwayButton" id="fullmode">Shumway</a>
1.127 + <a class="shumwayButton" id="fallback">Flash</a>
1.128 + </div>
1.129 + </div>
1.130 + </div>
1.131 + </div>
1.132 + </body>
1.133 +</html>
