Question

这是我的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 Home Premium和firefox。

Answer 1

好的，问题解决了。显然，youtube API并不是turbolinks的忠实粉丝。从assets / javascripts / application.js中删除后，一切正常。

Youtube iframe API在击中F5后首先触发

1 个答案: