このページでは、誰かが動画のサムネイルをクリックしたときに動画を切り替えるために、次の JavaScript を使用しています。
<script>
function replaceVideo(id) {
originalSrc = jQuery(" iframe", "#" + id).attr("src");
autoPlay = originalSrc + "&autoplay=1";
jQuery(" iframe", "#" + id).attr("src", autoPlay);
video = jQuery(" .video-content", "#" + id).html();
jQuery("#video-page-gray-strip #video-page-content").html("");
jQuery("#video-page-gray-strip #video-page-content").html(video);
jQuery(" iframe", "#" + id).attr("src", originalSrc);
}
jQuery(".video-list li").click(function() {
id = jQuery(this).attr("id");
replaceVideo(id);
});
jQuery(window).load(function() {
if(window.location.search.substring(1)) {
element = window.location.search.substring(1).split('&');
if (document.getElementById(element[0])) {
document.onload = replaceVideo(element[0]);
}
}
});
</script>
問題は、サムネイルをクリックすると、ビデオが切り替わらず、次のコンソール エラーが表示されることです。
安全でない JavaScript が、URL http://www.youtube.com/embed/OzOvsDVL_Q8?rel=0のフレームから URL http://mountainfoodstorage.com/index.php/mediaのフレームにアクセスしようとしています。ドメイン、プロトコル、およびポートが一致する必要があります。
これを修正するためにJSを変更する必要があるかどうか疑問に思っています。もしそうなら、どうすれば修正できますか?
ありがとう!