13551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)<html> 23551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)<head> 33551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)<style> 43551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) body { 53551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) background: white; 63551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) display: -webkit-flex; 73551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) -webkit-justify-content: center; 83551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) -webkit-align-items: center; 93551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) -webkit-flex-direction: column; 103551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) } 113551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) video { 123551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) width: 640px; 133551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) height: 480px; 143551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) border: 1px solid #e2e2e2; 153551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) box-shadow: 0 1px 1px rgba(0,0,0,0.2); 163551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) } 173551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)</style> 183551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)</head> 193551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)<body> 203551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) <video id="video" autoplay></video> 211320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci <p> 221320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci <button id="start">Start</button> 231320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci <button id="cancel">Cancel</button> 241320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci <button id="startFromBackgroundPage">Start from background page</button> 251320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci </p> 263551c9c881056c480085172ff9840cab31610854Torne (Richard Coles) <script src="app.js"></script> 273551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)</body> 283551c9c881056c480085172ff9840cab31610854Torne (Richard Coles)</html> 29