当我使用onYouTubeIframeAPIReady
创建iframe播放器API时,链接是使用http
协议创建的
示例:
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://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', {
width: '560',
height: '600',
videoId: '7j8B_r4OfAw',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
iframe结果:
<iframe id="player" frameborder="0" allowfullscreen="1" title="YouTube video player" width="560" height="600" src="http://www.youtube.com/embed/7j8B_r4OfAw?enablejsapi=1"></iframe>
有人知道如何使用https
协议创建视频吗?需要在平台上安装api。
请,建议!
如果您直接在html中创建iframe元素,而不是使用稍后被替换的div,则可以指定https。如果需要,您可以动态创建ifame标记。请参阅本节的底部,其中详细说明了如何执行。
小心——即使你通过https加载播放器,实际的视频流也可能通过http提供。这似乎会导致Chrome出现混合模式警告,尽管其他浏览器没有(根据我去年的经验,可能已经改变了)。请参阅这篇官方博客文章,其中解释说播放器可以通过https加载,但警告说视频仍然不一定会以这种方式提供。