我正在尝试使用以下命令将 youtube 加载到我的网页中YouTube iFrame Player API
,并在加载时出现以下错误:
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('https://developer-sandbox.com').
起点和目标都是https
, 很少有SO通过将来源和目标网址保留为 https 来解决问题的帖子。在这种情况下两者是相同的。
以下是我用来动态加载播放器的JS代码:
showVideoPreview: function(youtube_id){
var meThis = this;
var player = new YT.Player('shoppable-video-container', {
height : '315',
width : '560',
videoId : youtube_id,
events : {
'onReady' : meThis.onPlayerReady,
'onStateChange' : meThis.onPlayerStateChange
}
});
}
尝试使用loadVideoById
该函数加载并播放指定的视频。
- 所需
videoId
参数指定要播放的视频的 YouTube 视频 ID。在 YouTube 数据 API 中,video
资源id https://developers.google.com/youtube/v3/docs/videos#id属性指定 ID。
- 可选的
startSeconds
参数接受浮点数/整数。如果指定,则视频将从距离指定时间最近的关键帧开始。
- 可选的
endSeconds
参数接受浮点数/整数。如果指定,则视频将在指定时间停止播放。
- 可选的
suggestedQuality
参数指定视频的建议播放质量。请参阅 的定义setPlaybackQuality https://developers.google.com/youtube/iframe_api_reference#setPlaybackQuality功能以获取有关播放质量的更多信息。
这是一个可以帮助您的片段
JS
function searchVideo(){
var vID = document.getElementById("vidID").value
player.loadVideoById(vID, 0, "default");
}
HTML
Search by Video ID: <input type="text" id="vidID" name="vidID"><button onclick="searchVideo()">Search</button>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)