| <!DOCTYPE html> |
| <html> |
| <head> |
| <script> |
| var videoInternalEventHandler; |
| |
| function go() { |
| let video = document.querySelector('video'); |
| video.src = 'video-with-audio.mp4'; |
| video.play(); |
| } |
| |
| function postEventToMessageHandler(event) { |
| window.webkit.messageHandlers[event.type].postMessage(event.detail); |
| } |
| |
| window.addEventListener('load', event => { |
| let video = document.querySelector('video'); |
| if (!window.internals) |
| return; |
| videoInternalEventHandler = internals.addInternalEventTarget(video); |
| videoInternalEventHandler.addEventListener('media-player-spatial-experience-change', postEventToMessageHandler); |
| }); |
| </script> |
| </head> |
| <body onload="go()"> |
| <video webkit-playsinline></video> |
| </body> |
| </html> |
