Продолжайте воспроизводить звук в модальном листе - PullRequest
Новая
       6

Продолжайте воспроизводить звук в модальном листе

0 голосов
/ 24 августа 2018

Я поместил аудиоэлемент внутри листа модального .

Вот скрипка (или используйте следующий фрагмент в режиме «Полная страница»);

Однако, когда лист закрыт, звук также останавливается.Как я могу продолжать слышать звук, даже когда лист закрыт? 

var app = new Framework7({
  root: '#app',
  rtl: true,
  theme: 'md'
});
app.views.create('#mainView', {});
<link href="https://cdnjs.cloudflare.com/ajax/libs/framework7/2.3.0/css/framework7.rtl.md.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/framework7/2.3.0/js/framework7.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="app">
  <div class="panel panel-left panel-cover theme-dark">
    <div class="page"></div>
  </div>
  <div class="panel panel-right panel-reveal theme-dark">
    <div class="page"></div>
  </div>
  <div class="view view-main ios-edges">
    <div class="page" data-name="home">
      <!-- In data-sheet attribute we specify CSS selector of sheet we need to open -->
      <p><a href="#" data-sheet=".my-sheet" class="sheet-open">Open Sheet</a></p>

      <!-- And somewhere in DOM -->
      <div class="sheet-modal my-sheet">
        <div class="sheet-modal-inner">
          <!-- Link to close sheet -->
          <a class="link sheet-close">Close</a>
          <audio src="https://flagdom.com/flag-resources/anthem.php?country=Israel" controls></audio>
        </div>
      </div>

    </div>
  </div>
</div>
...