| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| video { |
| width: 480px; |
| height: 320px; |
| position: absolute; |
| } |
| |
| body { |
| margin: 0; |
| } |
| </style> |
| <script> |
| function playing() { |
| setTimeout(function() { |
| try { |
| window.webkit.messageHandlers.testHandler.postMessage("playing"); |
| } catch(e) { |
| } |
| }, 0); |
| } |
| |
| function mousedown() { |
| document.querySelector("video").muted = true; |
| } |
| </script> |
| </head> |
| <body> |
| <video autoplay title="foo" onmousedown=mousedown() onplaying=playing()><source src="large-video-with-audio.mp4"></video> |
| </body> |
| <html> |
