У меня есть проблема с кодом встраивания видео 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>
В приведенном выше коде 1-й сценарий загружает видео, но 2-й сценарий не загружает видео. Есть ли кто-нибудь, кто может подсказать мне, что делать?
У Ooyala есть javascript api? Извините — я не знаком с этим, но думаю, что так и есть. Я нашел этот фрагмент кода, который кто-то использовал в fancybox:
'beforeShow': function() {
var videoPlayer = OO.Player.create('playerwrapper', 'R0ZjB2NTqDw3YRWba9RIpRnF6D9lRYKP', {});
console.log(videoPlayer);
videoPlayer.play();
},
Обратите внимание, что beforeShow — это функция обратного вызова fancybox, и ваше модальное решение может использовать что-то другое. В любом случае, как правило, загрузка html для видео не работает в модальных окнах или окнах лайтбоксов. И часто реализации javascript необходимо использовать после отображения модального окна, чтобы показать содержимое.
Я бы попробовал исследовать этот путь.
Других решений пока нет …