YouTube API seekTo在IE9和IE10上只播放声音,不播放图片
YouTube API seekTo plays only sound, no picture on second play on IE9 and IE10
我正在为我的客户建立一个网站,他们希望YouTube嵌入视频与外部控制。这是代码
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '100%',
width: '100%',
playerVars: {rel: 0},
videoId: 'myvideoid',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerStateChange(event) {
if(event.data === 0) {
player.stopVideo();
}
$(document).ready(function() {
$( '.play-btn' ).on( 'click', function() {
if ($('.video').hasClass('mobile')) {
}
else {
player.seekTo(0, true);
player.playVideo();
}
});
这在现代浏览器上工作得很好,但在IE9上我有一个问题:点击视频开始播放。然而,当视频到达它的结束,我再次按下外部按钮,我得到"错误发生"的消息,只有视频声音开始播放。
你知道是什么原因导致的吗?
编辑onError事件给出错误代码5,这是,据我所知,HTML5相关。错误也发生在视频的末尾,而不是我最初认为的开始。
删除不必要的stopVideo()函数解决了这个问题。当调用该函数时,视频已经在最后停止,显然这导致了错误。
这解决了IE9和IE10的问题
相关文章:
- 如何减少在移动网络应用程序上播放声音的延迟
- 你能用sound.js在播放声音文件后5秒执行一个动作吗
- 可以'无法播放声音
- 使用javascript播放声音
- 点击播放声音
- 如何检测网页中的更改并使用Javascript播放声音
- 在悬停图像上播放声音,悬停在图像上时停止
- 无法使用JavaScript在iPhone上播放声音,但可以在Android上播放
- 播放声音时Cordova和HTML5的差异
- 在AngularJS中将元素添加到作用域时,如何在所有设备上播放声音
- 当弹出窗口关闭时播放声音文件(谷歌扩展)
- 在iPad上播放声音时延迟
- Javascript自动播放声音文件,单击其中一个按钮时停止
- HTML5音频标签没有播放声音的铬和safari中的第一个未聚焦标签
- 单击图像时播放声音
- Phonegap兼容代码,可在网站HTML/JS页面中播放声音
- 播放声音文件时突出显示句子
- 根据当前编号逐个播放声音文件
- 使用类似 Javascript 的 matlab 播放声音
- 如何停止YouTube声音播放