Не могу получить данные из iframe

Суть задания: создать два фрейма. В одном - анимация (webm), в другом - ссылка. Когда курсор над ссылкой, то начинается подсчёт количества анимаций. Проблема в том, что я получаю либо фрейм, к которому нельзя применить соответствующие функции для манипулирования с видео, либо null, пытаясь "достать" из фрейма видео.

index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>

    <body>
        <iframe src="video.html" id="framevideo" width="500" height="280" frameborder="0" scrolling="no"></iframe>
        <br>
        <iframe src="link.html" id="framelink" frameborder="0" scrolling="no"></iframe>

        <script type="text/javascript">
            // let count = 0;
            // let timerId = 0;

            // let link = document.getElementById('framelink'); // в переменной сам фрейм
            // let video = document.getElementById('framevideo'); // в переменной сам фрейм, а не видео
            // ==========================
            // let iframeVideo = document.getElementById('framevideo');
            // let video = iframeVideo.contentWindow.document.getElementsByTagName('video');
            // Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame. at <anonymous>:2:39


            // link.onmouseover = function(event)
            // {
            //     // здесь выполняются функции load(), play(), ... к видео
            // }

            // link.onmouseout = function(event)
            // {
            //     // здесь выполняются функции load(), play(), ... к видео
            // }
        </script>
    </body>
</html>

video.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>

    <body>
        <video src="video/video.webm" id="video" muted="muted"></video>
    </body>
</html>

link.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>

    <body>
        <a href="" id="link">Тык</a>
    </body>
</html>

Ответы (0 шт):