| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| function go() { |
| var video1 = document.createElement('video'); |
| document.body.appendChild(video1); |
| video1.setAttribute('webkit-playsinline', ''); |
| video1.src = 'video-with-audio.mp4'; |
| video1.play().then(() => { |
| video1.pause(); |
| var video2 = document.createElement('video'); |
| document.body.appendChild(video2); |
| video2.setAttribute('webkit-playsinline', ''); |
| video2.muted = true; |
| video2.src = 'video-with-audio.mp4'; |
| video2.play().then(playing, notPlaying); |
| }); |
| } |
| |
| function playing() { |
| try { |
| window.webkit.messageHandlers.testHandler.postMessage('playing'); |
| } catch(e) { |
| window.location = 'callback:playing'; |
| } |
| } |
| |
| function notPlaying() { |
| try { |
| window.webkit.messageHandlers.testHandler.postMessage('not playing'); |
| } catch(e) { } |
| } |
| </script> |
| </head> |
| <body onload="go()"> |
| </body> |
| </html> |
