Ooyala嵌入代码未在模态中填充视频



我对 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>

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

Ooyala有javascript api吗?对不起 - 我不熟悉这个,但我认为它确实如此。我发现了有人在 fancybox 中使用的代码片段:

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

请注意,"beforeShow"是一个花哨的回调函数,您的模态解决方案可能会有不同的用途。无论如何,通常在 HTML 中加载视频在模态或灯箱类型窗口中不起作用。通常,在显示模态后需要使用javascript实现来显示内容。

我会尝试探索这条道路。

相关内容

  • 没有找到相关文章

最新更新