reCAPTCHA Разрешение отказало в доступе к собственности

Question

Когда я нажимаю кнопку, чтобы подтвердить, что я не робот, синяя прядильница начинает вращаться, но никогда не останавливается. В конце концов в консоли браузера появляется сообщение об ошибке «Ошибка: разрешение на отказ в доступе», за которым следует (по-видимому) случайная 10 -15 символьная строка, например. "Rne4xiajwyh".

Мой код:

<script type="text/javascript"> 
    var onloadCallback = function() { 
    grecaptcha.render('html_element', { 
     'sitekey' : 'my_site_key' 
    }); 
    }; 
</script> 

<form action="#" method="POST"> 
    <div id="html_element"></div> 
    <br> 
    <input type="submit" value="Submit"> 
</form> 
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" 
    async defer> 
</script> 

Я изо всех сил, чтобы исправить это, как я не могу найти какие-либо решения в Интернете, и я уверен, как его отладить. Любая помощь приветствуется.

Благодаря

EDIT: Сообщение об ошибке в хроме:

Uncaught DOMException: Blocked a frame with origin "https://www.google.com" from accessing a cross-origin frame. 
    at Dp.f.Ub (https://www.gstatic.com/recaptcha/api2/r20170213115309/recaptcha__pl.js:349:353) 
    at Dp.vb (https://www.gstatic.com/recaptcha/api2/r20170213115309/recaptcha__pl.js:345:59) 

Answer 1

Похоже, что вы должны разрешить перекрестные запросы домена:

При запуске апача (он также может быть вставленные в .htaccess):

<IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin https://www.gstatic.com 
</IfModule> 

Или с PHP:

header("Access-Control-Allow-Origin: https://www.gstatic.com"); 

Или с Nginx (серверная часть):

add_header Access-Control-Allow-Origin https://www.gstatic.com; # < this is the needed header