Android Cordova/Phonegap YouTube iframe_api错误:XMLHttpRequest无法加载chrome扩展。只有HTTP支持跨源请求
我正试着在我的cordova android项目中使用。当我在电脑上的浏览器中运行代码时,它运行得非常完美,但当我构建应用程序并在手机上运行时,包含iframe的页面将不会加载,并且我的控制台中出现以下错误: XMLHttpRequest无法加载chrome-extension://boadgeojelhgndaghljhdicfkmllpafd/cast_sender.js. 仅HTTP支持跨源请求 这是我的密码:Android Cordova/Phonegap YouTube iframe_api错误:XMLHttpRequest无法加载chrome扩展。只有HTTP支持跨源请求,android,cordova,youtube,youtube-iframe-api,Android,Cordova,Youtube,Youtube Iframe Api,我正试着在我的cordova android项目中使用。当我在电脑上的浏览器中运行代码时,它运行得非常完美,但当我构建应用程序并在手机上运行时,包含iframe的页面将不会加载,并且我的控制台中出现以下错误: XMLHttpRequest无法加载chrome-extension://boadgeojelhgndaghljhdicfkmllpafd/cast_sender.js. 仅HTTP支持跨源请求 这是我的密码: <div class='ui-body ui-body-a'>
<div class='ui-body ui-body-a'>
<!-- 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 = "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', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
console.log('Loaded Video)
}
// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
setTimeout(stopVideo, 6000);
done = true;
}
}
function stopVideo() {
player.stopVideo();
}
</script>
</div>
// 2. 此代码异步加载IFrame播放器API代码。
var tag=document.createElement('script');
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(标记,firstScriptTag);
// 3. 此函数用于创建(和YouTube播放器)
//API代码下载后。
var播放器;
函数onyoutubeiframeapiredy(){
player=新的YT.player('player'{
高度:“390”,
宽度:“640”,
videoId:'M7lc1UVf VE',
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
}
// 4. 当视频播放器准备就绪时,API将调用此函数。
函数onPlayerReady(事件){
console.log('加载的视频)
}
// 5. 当播放器的状态改变时,API调用此函数。
//该功能指示播放视频时(状态=1),
//玩家应该玩六秒钟,然后停下来。
var done=false;
函数onPlayerStateChange(事件){
如果(event.data==YT.PlayerState.PLAYING&&!done){
设置超时(停止视频,6000);
完成=正确;
}
}
函数stopVideo(){
player.stopVideo();
}
提前谢谢 我通过使用glitchbone的cordova插件使其工作。我无法使其工作,所以我最终使用了glitchbone的cordova插件。但我会留下问题。