首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Youtube iframe无法在移动Chrome浏览器中工作

Youtube iframe无法在移动Chrome浏览器中工作
EN

Stack Overflow用户
提问于 2022-02-04 08:55:55
回答 2查看 833关注 0票数 2

注意:它在Chrome浏览器的隐名窗口和其他移动浏览器(如Mozilla)中也能正常工作。它成功地加载了视频数据,但是当我试图播放视频时,它显示了一个错误。使用本地环境(如vs代码等)运行此代码。

这段代码片段在计算机浏览器上正常工作,但是当我在移动Chrome浏览器上使用IP打开相同的页面时,我得到了一个错误,但它也在隐名模式其他浏览器中工作。

我不知道它为什么会这样,如果任何人都能摆脱它,那将是很有帮助的。

计算机Chrome BrowserWorking精细

移动Chrome浏览器不播放视频

代码语言:javascript
复制
//YouTube embed with YouTube Iframe API
var tag = document.createElement("script");
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName("script")[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// YouTube embed player details
var player;
function onYouTubeIframeAPIReady() {
  player = new YT.Player("player", {
    height: "390",
    width: "640",
    videoId: "668nUCeBHyY",

    //Features
    playerVars: {
      controls: 0,
      rel: 0,
      disablekb: 1,
    },
  });
}

//functions
function playYT() {
  player.playVideo();
}

function pauseYT() {
  player.pauseVideo();
}
代码语言:javascript
复制
<div style="pointer-events:none" id="player"></div><br><br>
<button onclick="playYT()">Play</button>
<button onclick="pauseYT()">Pause</button>

EN

回答 2

Stack Overflow用户

发布于 2022-02-07 14:39:00

我在浏览器中使用现场预览扩展预览。需要更改扩展设置中的默认IP地址(127.0.0.1)才能查看其他设备上的页面:

如果您使用的是Live Server扩展,那么请更改以下设置:

如果您只想托管没有VSCode的文件,那么可以使用http-服务器工具。它是一个简单的,零配置命令行静态HTTP服务器.您所要做的就是为它提供文件夹路径,它将托管其中的所有文件。

如果您面临任何其他问题,那么请告诉我们确切的错误和您在移动上使用的浏览器。

票数 0
EN

Stack Overflow用户

发布于 2022-02-12 16:45:43

禁用所有浏览器扩展

我知道这听起来像是一个简单的答案,但试试吧。这种事一直发生在我身上。可能你们中的一个或多个浏览器扩展正在阻止Youtube嵌入的iframe显示更多的安全性或隐私。我知道,Chrome的Blocksi扩展插件嵌入了Youtube。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70983683

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档