Невозможно воспроизвести звук, когда JWPlayer скрыт

В настоящее время я пытаюсь заставить JWPlayer воспроизводить аудиофайлы, когда пользовательский интерфейс скрыт. Он отлично работает для видео (воспроизводит звук из видео), но по какой-то причине, когда я использую ту же технику для воспроизведения аудиофайлов, ничего не происходит, когда я нажимаю пользовательскую кнопку воспроизведения.

Этот код воспроизводит звук из видео, как и ожидалось:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script>
</head>
<body>
    <div style="display: none;">
        <div id="player"></div>
    </div>
    <input onclick="jwplayer('player').play();" type="button" value="Play the hidden video!!!" />
    <script type="text/javascript">

        jwplayer("player").setup({
            levels: [
            { file: "VideoTest001.mp4" },
            { file: "VideoTest001.ogv" },
            { file: "VideoTest001.webm" }
            ]
        });

    </script>
</body>
</html>

Этот код воспроизводит звук нормально (но проигрыватель виден):

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script>
</head>
<body>
    <div id="player"></div>
    <input onclick="jwplayer('player').play();" type="button" value="Play the hidden audio!!!" />
    <script type="text/javascript">

        jwplayer("player").setup({
            levels: [
                { file: "AudioTest.mp3" },
                { file: "AudioTest.wav" }
            ]
        });

    </script>
</body>
</html>

Как только я добавляю <div style="display: none;">...</div>, звук больше не воспроизводится.

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script>
</head>
<body>
    <div style="display: none;">
        <div id="player"></div>
    </div>
    <input onclick="jwplayer('player').play();" type="button" value="Play the hidden audio!!!" />
    <script type="text/javascript">

        jwplayer("player").setup({
            levels: [
                { file: "AudioTest.mp3" },
                { file: "AudioTest.wav" }
            ]
        });

    </script>
</body>
</html>

Кто-нибудь может помочь? Я хотел бы, чтобы звук воспроизводился, когда пользовательский интерфейс JWPlayer скрыт.


javascript jwplayer
person Kevin Brydon    schedule 25.02.2013    source источник
comment
Кстати: не знаю, преднамеренно это или нет, но ваш сайт надирает задницу своим изображением 404 (не найдено) ;)   -  person Walialu    schedule 25.02.2013
comment
Я считаю, что вы также можете просто установить плеер на 1x1 пиксель, и он будет работать. Если он полностью скрыт, он не будет работать.   -  person emaxsaun    schedule 25.02.2013
comment
@Walialu Я не понимаю???   -  person Kevin Brydon    schedule 25.02.2013
comment
@KevinBrydon goo.gl/IgLRD, который появляется случайным образом :) en.wikipedia.org/wiki/HTTP_404   -  person Walialu    schedule 25.02.2013
comment
@Валиалу Ха. Это отличное фото! Ошибка отмечена. Я посмотрю на это!   -  person Kevin Brydon    schedule 25.02.2013

Ответы (1)


arrow_upward
4
arrow_downward

Насколько я знаю, содержимое не загружается, когда для стиля отображения div установлено значение none.

Попробуйте установить что-то вроде этого

<div style="width: 1px; height: 1px; position: absolute; top: -9999px; left: -9999px;">
    <div id="player"></div>
</div>
person Walialu    schedule 25.02.2013