标签: youtube-iframe-api

我正在尝试使用以下代码嵌入YouTube视频:

<iframe width="425" height="319" frameborder="0" wmode="Opaque"allowfullscreen=""
      src="http://www.youtube.com/embed/8vJwFvFi4ZY?wmode=transparent">
</iframe>

虽然它工作正常,但它在控制台中出现此错误:

Chrome版本22.0.1229.94:

不安全的JavaScript尝试 从URL为http://www.youtube.com/embed/8vJwFvFi4ZY?wmode=transparent的框架访问URL为http://example.com/
的框架. 域,协议和端口必须匹配.

Firefox版本17.0:

错误:拒绝访问属性'toString'的权限

我四处搜索,但我发现它可能是一个YouTube问题,他们应该解决它,

问题是:我怎样才能摆脱这个错误？(无论如何,甚至通过抑制它.)

使用YouTube iframe嵌入播放器,有没有办法以编程方式触发全屏？我想删除默认控件(使用controls = 0),但然后可以自己创建自定义全屏按钮.

你如何强制HTML5 iframeYouTube视频适合中心,使用CSS3 HTML覆盖全屏窗口背景最终Java？

例如" paypal.it "主页背景或" unity3d.com/5 "顶级视频,具有iframe youtube视频.所述iframe盖全屏(变焦)和覆盖所有的宽度和高度,当重新大小的窗口.它重新调整大小,保持100%最小宽度缩放高度或100%最小高度缩放宽度.

如何使用iframeHTML5和CSS3 实现这种效果？

代码示例HTML5

<div class="video" style="opacity: 1;">

    <iframe src="http://www.youtube.com/embed/AddHereVideoId?autoplay=1&amp;html5=1" frameborder="0" style="height: 720px;">
     </iframe>

</div>

代码CSS3 HTML最终将获得Java帮助.

我在iPad上的iFrame API有问题(iOS 7,Safari浏览器).当我尝试使用'player.playVideo()'命令启动视频时,当我调用'player.getPlayerState()'命令(说它正在缓冲)时,播放器变为黑色并返回'3'状态.

点击大红色YouTube按钮有效,但使用'playVideo()'命令不起作用.这可以在Google自己的YouTube API演示页面上重现:https://developers.google.com/youtube/youtube_player_demo

确保显示iFrame,然后点击播放器下方的蓝色"播放"按钮.在桌面浏览器上,这可以正常工作,但在iOS7 iPad上失败.

我需要'playVideo()'命令来控制无边框播放器(无控件).有任何想法吗？

我们正在开发YouTube播放器,并且正在使用IFrame API.除了我们的Android 4.2.2测试设备外,一切都非常好用.

仅在这些设备上(而不是在任何其他版本的Android上),必须通过触摸视频视图来"手动"启动视频.在所有其他设备上,我们可以使用YouTube方法以编程方式启动视频播放.

以这种方式启动视频后,YouTube API会按预期工作(即播放,暂停,停止方法都按照预期以编程方式工作).

这是我们代码的本质:

var player;
function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: 'C0DPdy98e4c',
    playerVars: {
      controls: 0,
      showinfo: 0,
      modestbranding: 1
    }
  });
}

function playVideo() {
  player.playVideo();
}

如果我们尝试在用户"手动"启动视频之前以编程方式播放视频(在Android 4.2.2设备上),则视频开始缓冲然后失败.如果失败,视频视图将变为黑色并显示不同的图案,如图所示视频视图的左上角:

有没有其他人遇到过这个问题？有没有人对如何处理有任何建议？

当我的嵌入式视频暂停时,Youtube会显示带有视频建议的菜单.iframe中的元素具有"ytp-pause-overlay"类

如何在不删除控件的情况下将其删除？

我正在开发Chrome扩展程序,我正在使用youtube-iframe-api.

由以下代码制作的播放器可以播放除某些有限(？)视频之外的任何视频,例如vevo.

function onYouTubeIframeAPIReady() { 
  player = new YT.Player('player', {
  height: '300px',
  width: '800px',
  videoId: 'RhU9MZ98jxo', 
  playerVars: {
    'origin': 'https://www.youtube.com',
    'wmode': 'opaque'
  },
  events: {
    'onReady': onPlayerReady,
    'onStateChange': onPlayerStateChange
  }
});
};

我说的起源和wmode在playerVars,因为我已经找到了一些答案,他们可以解决这个问题.但他们没有工作.

我想知道可以用嵌入youtube播放器(iframe)播放vevo视频

我需要在观看视频后隐藏相关视频.我订了rel=0,但它不起作用.我正在使用此页面进行测试.rel观看视频后,复选框值不会影响显示的相关视频.

它在谷歌浏览器中不起作用.在Mozilla Firefox中,它可以正常工作.

我非常确定 YouTube Iframe API“onError”事件过去会触发，因为我运行一个基于此 API 的项目。但最近“onError”事件不会触发，即使是最简单的错误。

这是一个基于官方页面（https://developers.google.com/youtube/iframe_api_reference）的简单示例代码，并且是可行的：

<iframe id="existing-iframe-example"\n        width="640" height="360"\n        src="https://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1"\n        frameborder="0"\n        style="border: solid 4px #37474F"\n></iframe>\n\n<script type="text/javascript">\n  var tag = document.createElement(\'script\');\n  tag.id = \'iframe-demo\';\n  tag.src = \'https://www.youtube.com/iframe_api\';\n  var firstScriptTag = document.getElementsByTagName(\'script\')[0];\n  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n  var player;\n  function onYouTubeIframeAPIReady() {\n    player = new YT.Player(\'existing-iframe-example\', {\n        events: {\n          \'onReady\': onPlayerReady,\n          \'onStateChange\': onPlayerStateChange,\n          \'onError\': onError\n        }\n    });\n  }\n  function onError(event) {\n    console.log(event.data)\n  }\n  \n  function onPlayerReady(event) {\n    \n  }\n\n  function onPlayerStateChange(event) {\n    console.log(event.data);\n  }\n</script>\n

一旦将视频 ID 字符串“M7lc1UVf-VE”更改为错误的字符串，例如“M7lc1UVf”，它应该触发“onError”事件，但现在不会。

我在 Blazor 支持的静态页面上嵌入了视频。我想让视频循环播放。根据文档（https://developers.google.com/youtube/player_parameters#loop），我需要同时拥有loop和playlist参数。很容易。

所以我生成这样的URL：https://www.youtube-nocookie.com/embed/tFbVZCbLhOk ?autoplay=1&loop=1&modestbranding=1&disablekb=1&playsinline=1&rel=0&fs=0&playlist=tFbVZCbLhOk&controls=1&origin=http://localhost:5134 - 如您所见，loop设置为1，并且playlist设置为同一视频本身tFbVZCbLhOk。

我遇到的问题是，当嵌入视频（或直接访问链接 - 问题也发生在那里）时，它会出现错误This video is unavailable。刷新页面可以解决这个问题，但它当然还不够完美。我不确定是什么原因导致此问题，因为某些视频在第一次尝试时似乎随机工作 - 但它不一致，因为同一视频可能会在其他时候失败。

删除playlist参数可以解决问题，但视频无法正常循环，这对我的用例来说更糟糕。

我不确定这是否是 YouTube 方面的倒退，因为一两个月前，我没有这个问题 - 至少我认为是这样。
它似乎也没有绑定到选项卡或类似的东西 - 当我打开一次视频时，下次我在单独的选项卡上打开它时，它就可以工作 - 几乎就像 YT 花了很多时间为视频创建播放列表一样，但是这只是我的猜测