我正在制作一个涉及在移动设备上播放嵌入式Youtube视频片段的网站。 The API指出cueVideoById定义既startSeconds和endSeconds参数支持,只要你有像这样的对象语法做到这一点:Youtube iFrame API的cueVideoById不适用于移动设备?
player.cueVideoById({videoId:String,
startSeconds:Number,
endSeconds:Number,
suggestedQuality:String}):Void
这很好地工作在桌面浏览器,但无论是在Android和Windows Phone 8,我得到的标准Youtube消息称该视频目前不可用。如果我切换cueVideoById回参数语法就是这样,一切正常:
player.cueVideoById(videoId:String,
startSeconds:Number,
suggestedQuality:String):Void
...但我没有访问endSeconds了。有谁知道这个原因,或者更好的解决方法吗?我正在使用的代码是基于API的基本入门例子:
<!DOCTYPE html>
<html>
<body>
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>
<script>
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
event.target.cueVideoById("u1zgFlCw8Aw", 10, "medium"); // Works on mobile
/*
event.target.cueVideoById({ videoId: "u1zgFlCw8Aw", // Doesn't work on mobile
startSeconds: "10",
endSeconds: "15",
suggestedQuality: "medium"});
*/
event.target.playVideo();
}
</script>
</body>
</html>