【问题标题】:Embed youtube videos in web getting `Failed to load resource: net::ERR_CONNECTION_CLOSED`在网络中嵌入 youtube 视频,获取“加载资源失败:net::ERR_CONNECTION_CLOSED”
【发布时间】:2019-01-28 09:18:04
【问题描述】:

// 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) {
  event.target.playVideo();
}

// 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();
}
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>

在网络中嵌入 youtube 视频,获取 Failed to load resource: net::ERR_CONNECTION_CLOSED。我从 youtube 开发者文档 link 中复制了代码。但我不知道为什么会出错。但我看到这个演示 link 正在播放,我不明白为什么。还看到了这个 SO 问题link,它在link 中有一个演示,它也不起作用。

谁能告诉我我应该去哪里?

【问题讨论】:

    标签: javascript video youtube youtube-api embed


    【解决方案1】:

    您已将代码包含在打开和关闭“脚本”括号之间,如下所示正确吗?未发现错误。它应该工作......

    <script type="text/javascript">
    var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = 
    document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, 
    firstScriptTag);
    var player;
    function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
    height: '270',
    width: '480',
    videoId: 'nM82jzoJfjA',
    events: {
    'onReady': onPlayerReady,
    'onStateChange': onPlayerStateChange
    }
    });
    }
    function onPlayerReady(event) {
    event.target.playVideo();
    }
    var done = false;
    function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done)
    {
    setTimeout(stopVideo, 6000);
    done = true;
    }
    }
    function stopVideo() {
    player.stopVideo();
    }
    </script>
    <div id="player"></div>
    

    【讨论】:

      猜你喜欢
      • 2014-08-15
      • 2017-09-16
      • 2014-06-24
      • 2018-10-10
      • 2014-07-06
      • 2015-08-17
      • 2014-07-04
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多