Youtube iframe API在按下F5后首先触发

这是我的html:

<% provide(:title, "Test") %>
<div id="player"></div>
<script>
  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: '390',
      width: '640',
      videoId: 'dVVZaZ8yO6o',
      events: {
        'onReady': onPlayerReady
      }
    });
  }
  function onPlayerReady(event) {
    event.target.playVideo();
  }
</script>

如果我第一次调用它，视频开始，但如果我改变路线并返回，它不再工作，直到我按下F5。之后，同样的问题:如果路由被改变，它将在按下F5后首先工作。我试着检查本地和服务器的行为是否可能只是不一致，但事实并非如此。

编辑:

上面的html位于:

<!DOCTYPE html>
<html>
  <head>
    <title><%= full_title(yield(:title)) %></title>
    <%= csrf_meta_tags %>
    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
    <%= render "layouts/shim" %>
  </head>
  <body>
    <%= render "layouts/header" %>
    <div class="container">
      <div class="notifications">
        <% flash.each do |message_type, message| %>
          <div class="alert alert-<%= message_type%>"><%= message %></div>
        <% end %>
      </div>
      <%= yield %>
      <%= render "layouts/footer" %>
      <%= debug(params) if Rails.env.developement? %>
    </div>
  </body>
</html>

垫片:

<!--[if lt IE 9]>
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js">
    </script>
<![endif]-->

页眉和页脚只是一个链接的集合，不要认为它在这里很重要。

我用的是Win7家庭高级版和firefox。

好的，问题解决了。显然youtube API不太喜欢涡轮链接。从assets/javascripts/application.js中删除这些后，一切又正常了。

相关内容

最新更新

热门标签：