Мы все знаем, что Apple не разрешает автовоспроизведение аудиотегов html5 в Mobile Safari. Обходным путем для iOS 4 было использование iframe с mp3 src. Apple, кажется, исправила это в iOS 5.
<html>
<body>
iframe mp3 autoplay test
<iframe src='iframe.mp3' width='0px' height='0px' scrolling='no'></iframe>
</body>
</html>
Это работает на iOS 4.3.1, но не на 5.0.1.
Остались какие-то обходные пути, или Apple наконец исправила все лазейки автозапуска?
Ответ может быть внутри этого поста здесь, и ничто другое, кажется, не работает для вас. Воспроизвести звуковой файл в iOS и Android
На самом деле Apple отключила функцию автоматического воспроизведения для мобильного сафари. «В Safari на iPhone OS (для всех устройств, включая iPad), где пользователь может находиться в сотовой сети и взиматься плата за единицу данных, автобуферизация и автовоспроизведение отключены. Данные не загружаются, пока пользователь не инициирует их. Это означает, что Методы JavaScript play() и load() также неактивны до тех пор, пока пользователь не инициирует воспроизведение, если только метод play() не запускается действием пользователя.Другими словами, инициированная пользователем кнопка воспроизведения работает, а событие воспроизведения onLoad — нет. "
Это можно сделать, сначала загрузив видео, а затем подделав событие клика пользователя, как описано в следующей ссылке.
http://roblaplaca.com/blog/2010/04/14/ipad-and-iphone-html5-video-autoplay/
просмотреть исходный код этой страницы
http://www.roblaplaca.com/examples/html5AutoPlay/
Это использует jQuery и то, что большинство пользователей коснутся экрана после загрузки страницы.
При использовании .one звук «автозапускается» только при первом касании экрана.
<audio id="soundX" src="your source here" ></audio>
<script type="text/javascript">
$(document).ready(function() {
var soundX = document.getElementById('soundX');
$( "body" ).one( "touchstart", function() {
console.log( "This will be displayed only once." );
soundX.play();
});
});
</script>
