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

时间:2017-10-09 08:17:47

标签: javascript jquery vimeo vimeo-api vimeo-player

我正在尝试在mac OS上的safari浏览器上使用vimeo播放器在线播放视频。但是当我发布'ready'请求时,我收到一个错误错误,表示

  

无法向https://player.vimeo.com发送消息。收件人有   来源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');

        }

1 个答案:

答案 0 :(得分:0)

似乎播放器是通过Google广告呈现的。 tpc.googlesyndication是Google广告平台。 广告包裹了播放器。因此,任何postMessages都会通过它,因此会擦洗实际事件的起源。

我正面临类似的问题。我必须采取的制胜法宝是使用'*'(我不希望有一个通配符目标;但是我还没有一个更干净的解决方案)