youtube - 当我插入iframe youtube视频不起作用时

标签 youtube youtube-api youtube-javascript-api youtube-iframe-api

我尝试通过Youtube iframe API插入youtube视频,但现在无法正常显示“发生错误,请稍后重试”。

这是我的代码:

<html>
  <head>
    <title>test</title>
        <script type="text/javascript" src="https://www.youtube.com/iframe_api"></script>
    </head>
  <body>
    <div id="youtube"></div>
    <script>
      var player;
        function onYouTubeIframeAPIReady() {
            player = new YT.Player('youtube', {
                videoid: 'UqyT8IEBkvY',
                height: '360',
                width: '640',
                events: {
                    'onReady': onPlayerReady
                }
            });
        }

        function onPlayerReady() {
            console.log("test");
            player.playVideo();
            player.mute();
        }
      </script>
    </body>
  </html>

最佳答案

尝试从HTML YouTube Videos获得的这种简单方法:

<!doctype html>
<html>
<head>
<title>Search</title>
</head>
<body> 
<iframe width="420" height="315"
src="https://www.youtube.com/embed/t2ByLmLnYJ8">
</iframe>

<script src="https://apis.google.com/js/client.js"> </script>
</body>
</html>

运行一下,您很快就会在iframe中拥有一个Youtube。如何扩展程序取决于您。

关于youtube - 当我插入iframe youtube视频不起作用时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41014591/

相关文章:

css - youtube 视频导致 chrome css 固定背景问题

youtube-api - Youtube API 是否有两个不同的速率限制?

php - Youtube 直播 API : liveStreamingNotEnabled

video - Youtube Data API V3 Javascript - 将音频和图像上传为视频

ruby-on-rails - 将Youtube剪辑嵌入Rails应用程序

android - 如何从默认应用程序播放YouTube视频

php - 嵌入式YouTube视频会降低www的速度

ios - 解析 YouTube JSON

javascript - 使用 POST 命令 javascript 为 youtube 视频评分

youtube - 如何通过YouTube API保存和检索自定义元数据字段