javascript - 无法将消息发布到 https ://player. vimeo.com。收件人来源为 https ://tpc. googlesyndicate.com

Question

我正在尝试在 macOS 上的 safari 浏览器上使用 vimeo 播放器在线播放视频。但是当我发布“准备好”请求时，我收到一个错误 Error ，其中显示

Unable to post message to https://player.vimeo.com . Recipient has origin https://tpc.googlesyndication.com.

这就是我调用 vimeo 函数的方式

 var player = $('iframe');
        var playerOrigin = '*';
        var status = $('.status');
        // Listen for messages from the player
        if (window.addEventListener) {
            window.addEventListener('message', onMessageReceived, false);
        }
        else {
            window.attachEvent('onmessage', onMessageReceived, false);
        }
        // Handle messages received from the player
        function onMessageReceived(event) {
            // Handle messages from the vimeo player only
            if (!(/^https?:\/\/player.vimeo.com/).test(event.origin)) {
                return false;
            }
            if (playerOrigin === '*') {
                playerOrigin = event.origin;
            }
            var data = JSON.parse(event.data);
            switch (data.event) {
                case 'ready':
                    onReady();
                    break;

                case 'playProgress':
                    onPlayProgress(data.data);
                    break;

                case 'pause':
                    onPause(data.data);
                    break;

                case 'seek':
                    onseekTo(data.data);
                    break;

                case 'finish':
                    onFinish();
                    break;
            }
        }
        // Helper function for sending a message to the player
        function post(action, value) {
            var data = {
                method: action
            };
            if (value) {
                data.value = value;
            }
            var message = JSON.stringify(data);
            player[0].contentWindow.postMessage(message, playerOrigin);
        }

        function onReady() {
            $(".loading").show();
            post('addEventListener', 'finish');
            post('addEventListener', 'playProgress');
            post('addEventListener', 'pause');
            post('addEventListener', 'seek');

        }

Answer 1

似乎播放器是通过 Google 广告呈现的。 tpc.googlesyndication是谷歌广告平台。广告正在包裹播放器。因此任何 postMessages 都会通过它，从而清除实际的事件源。

我也面临着类似的问题。我的权宜之计是使用 '*' (我对拥有通配符目标的想法感到畏缩；但我还没有更干净的解决方案)