| 123456789101112131415161718192021222324252627282930313233343536 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- <style>
- iframe {
- padding: 0;
- margin: 0 auto;
- width: 40vw;
- border: none;
- }
- </style>
- </head>
- <body>
- <iframe src="player1.html" style="border: none;" allowfullscreen>
- </iframe>
- <iframe src="player2.html" style="border: none;" allowfullscreen>
- </iframe>
- <script type="text/javascript">
- window.onload = function(){
- window.addEventListener('message', recieveMsg);
- }
- function recieveMsg(event){
- var players = document.querySelectorAll('iframe');
- players.forEach(function (player){
- player.contentWindow.postMessage(event.data, '*');
- });
- }
- </script>
- </body>
- </html>
|