Javascript Youtube API-fadeIn视频到div-不适用于Opera 10
我正在使用这段代码,当用户点击按钮时,将youtube视频淡入#vid div并自动播放。它在所有浏览器中都能完美工作,但由于某种原因,当我尝试在Opera10.5中单击按钮时,什么都没有发生。你知道什么地方出了问题,怎么解决吗 Javascript:Javascript Youtube API-fadeIn视频到div-不适用于Opera 10,javascript,youtube,cross-browser,youtube-api,Javascript,Youtube,Cross Browser,Youtube Api,我正在使用这段代码,当用户点击按钮时,将youtube视频淡入#vid div并自动播放。它在所有浏览器中都能完美工作,但由于某种原因,当我尝试在Opera10.5中单击按钮时,什么都没有发生。你知道什么地方出了问题,怎么解决吗 Javascript: // create youtube player var player; function onYouTubePlayerAPIReady() { player = new YT.Player('vid', {
// create youtube player
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('vid', {
height: '539',
width: '958',
videoId: 'CZ0Jorye0jU',
events: {
'onStateChange': onPlayerStateChange
}
});
}
// when video ends
function onPlayerStateChange(event) {
if(event.data === 0) {
$("#vid").fadeOut(500);
}
}
function startVideo() {
$("#vid").fadeIn(2000);
player.playVideo();
$("html, body").animate({ scrollTop: 160 }, 600); return false;
};
HTML:
非常感谢。我不确定这是否可行,但与其在href中使用JavaScript,为什么不添加一个类,即
<a class="startVideo eshop index" style="width:319px; left:320px; border-right:1px solid white;">Prehrať ukážku</a>
就像我说的,我不确定它是否一定会起作用,但值得一试。另一件要测试的事情是看是否是startVideo不能确定地发射。只需在startVideo()函数的开头粘贴一个警报('hiya'),然后单击该按钮以检查它是否达到了这个程度
希望有帮助。祝你好运
<a class="startVideo eshop index" style="width:319px; left:320px; border-right:1px solid white;">Prehrať ukážku</a>
$('.startVideo').click(function() { startVideo(); });