jquery-1.11.0.min.js를 사용하면 colorbox에서 비디오를 올바르게로드하지 않습니다. colorbox div가 표시되지만 YouTube 동영상이로드되지 않습니다. OADG Dutt Roth video을 참조하십시오. jquery-1.7.1을 사용하면 비디오가 올바르게로드됩니다. OADG Horse video을 참조하십시오. 누군가 1.11.0과 함께 작동하는 솔루션을 식별 할 수 있습니까?colorbox iframe이 jquery와 호환되지 않습니다. 1.11
<script type="text/javascript" src="../script/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
<script type="text/javascript" src="../script/jquery.colorbox-min.js" charset="utf-8"></script>
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function(){
jQuery('.youtube').colorbox({iframe: true, width: 853, height: 480, href:function(){
var videoId = new RegExp('[\\?&]v=([^&#]*)').exec(this.href);
if (videoId && videoId[1]) {
return 'http://youtube.com/embed/'+videoId[1]+'?rel=0&wmode=transparent';
}
}});
});
/*]]>*/
</script>
<div>
<p><a class='youtube' href="http://www.youtube.com/embed/Z_nAZI5dfx0?rel=0" title="Susanne Dutt-Roth Riding D2 March, 2012"><img src="S_DuttRothFeb2012.jpg" title="Susanne Dutt-Roth Riding D2 March, 2012" alt="Susanne Dutt-Roth Riding D2 March, 2012"/></a></p>
</div>
문제가 있다고 생각합니다. 내 대답을 참조하십시오. –