我对 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实现来显示内容。
我会尝试探索这条道路。