Question

我对ooyala视频嵌入代码有疑问：

<script height="433px" width="770px" src="http://player.ooyala.com/iframe.js#ec=x0bjlycjpE7-g-D_2ZMGTcpUDGwEamhd&pbid=4441ed2a84e74b66b60ce980f20deb84"></script>

当我在主体中添加此脚本时，它可以正常工作。但是当我在一个模态中添加此脚本时，它不会填充视频。这是我试过的代码。

    <body>
      <div>
        <script height="433px" width="770px" src="http://player.ooyala.com/iframe.js#ec=x0bjlycjpE7-g-D_2ZMGTcpUDGwEamhd&pbid=4441ed2a84e74b66b60ce980f20deb84"></script> 
      </div>
      <div class="modal" id="category_modal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content about_us">
            <div class="modal-body">
              <script height="433px" width="770px" src="http://player.ooyala.com/iframe.js#ec=x0bjlycjpE7-g-D_2ZMGTcpUDGwEamhd&pbid=4441ed2a84e74b66b60ce980f20deb84"></script>
            </div>
          </div>
        </div>
      </div>
    </body>

在上面的代码中，第一个脚本加载视频，但第二个脚本不加载视频。有没有人可以建议我做什么？

Answer 1

Ooyala有javascript api吗？对不起 - 我对此不熟悉，但我认为确实如此。我找到了有人在fancybox中使用过的代码段：

  'beforeShow': function() {          
      var videoPlayer = OO.Player.create('playerwrapper', 'R0ZjB2NTqDw3YRWba9RIpRnF6D9lRYKP', {});
     console.log(videoPlayer);
     videoPlayer.play();
  },

请注意，'beforeShow'是一个fancybox回调函数，你的模态解决方案可能有不同的用法。无论如何通常在html中加载视频在模态或灯箱类型窗口中不起作用。并且在显示模式以显示内容之后，通常需要使用javascript实现。

我会尝试探索这条道路。

ooyala嵌入代码而不是在模态中填充视频

1 个答案: