| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| var mediaElement; |
| function createMediaElement(parameters) { |
| if (parameters.type === 'video') |
| mediaElement = document.createElement('video'); |
| else if (parameters.type === 'audio') |
| mediaElement = document.createElement('audio'); |
| else |
| throw 'Necessary parameter not provided'; |
| |
| if (parameters.autoplay) |
| mediaElement.autoplay = true; |
| |
| if (parameters.muted) |
| mediaElement.muted = true; |
| |
| if (parameters.controls) |
| mediaElement.controls = true; |
| |
| if (parameters.hasAudio) |
| mediaElement.src = 'video-with-audio.mp4'; |
| else |
| mediaElement.src = 'video-without-audio.mp4'; |
| |
| document.body.appendChild(mediaElement); |
| } |
| |
| function playing() { |
| window.webkit.messageHandlers.testHandler.postMessage('playing'); |
| } |
| |
| function notPlaying() { |
| window.webkit.messageHandlers.testHandler.postMessage('not playing'); |
| } |
| |
| function play() { |
| mediaElement.play().then(playing, notPlaying); |
| } |
| |
| function unmute() { |
| mediaElement.muted = false; |
| } |
| </script> |
| </head> |
| <body> |
| </body> |
| </html> |
