Я ищу способ при смене вкладок в виде аккордеона (xtra-small browser) останавливать видео при каждой смене вкладки.
В настоящее время у меня есть функциональность для представления вкладок при изменении вкладок. Вот фрагмент кода см. Скрипта для полный код
<div class="tab-pane" id="video">
<div class="panel panel-default">
<div class="panel-heading">
<a data-toggle="collapse" data-parent=".tab-pane" href="#collapseFour">
<h4 class="panel-title">
Videos <i class="fa fa-chevron-right pull-right"></i>
</h4>
</a>
</div>
<div id="collapseFour" class="panel-collapse collapse">
<div class="panel-body">
<div style="position: relative; display: block; max-width: 100%;">
<div style="padding-top: 56.25%;"><iframe style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%;" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" src="//players.brightcove.net/618591172001/default_default/index.html?videoId=5845023855001"></iframe></div>
</div>
</div>
</div>
</div>