Показать сообщение отдельно
  #1 (permalink)  
Старый 03.07.2017, 10:12
Новичок на форуме
Отправить личное сообщение для hosts Посмотреть профиль Найти все сообщения от hosts
 
Регистрация: 30.07.2014
Сообщений: 9

Не запускается audio на смартфоне
Здравствуйте.
Имеем такой код. Он воспроизводит по клику mp3 файл, ссылка на который берется с другой страницы через ajax. Этот код отлично работает на компьютерных браузерах, но вот на смартфоне, в частности проверяю на андроиде, при нажатии на кнопку плей (main-news-play), плеер не воспроизводится. В чем может быть проблема? Если что могу предоставить ссылку на сайт.
$(document).ready(function() {
    $('body').on('click', '.main-news-play', function(){
		$('.play-box').remove();
		$('.pause').hide();
		$('.main-news-play').show();
		$('.main-news-title').removeClass('active-song-title');
		var sdsdf = $(this);
		var playPage = $(this).attr('rel');
			
			var currentBlock = $(this).parent();		
			$.ajax({ 
				url: playPage, 
				success: function(data){
					var currentAudioLink = $(data).find('.full-news-player .dleaudioplayer li').data('url');
					
					$('body').append('<audio class="play-box" controls autoplay="autoplay"><source src="'+currentAudioLink+'" type="audio/mpeg"></audio>');
					sdsdf.hide();
					currentBlock.find('.pause').show();
					currentBlock.parent().parent().find('.main-news-title').addClass('active-song-title');
					
				}
			});
	});
	
	$('.pause').click(function(){
		$('.play-box').remove();
		$('.main-news-play').show();
		$(this).hide();
		$('.main-news-title').removeClass('active-song-title');
	});	
});

<div class="main-news-buttons">
    <div class="pause"></div>
    <div class="main-news-play" rel="тут ссылка, откуда js берет mp3"></div>
</div>

Последний раз редактировалось hosts, 03.07.2017 в 10:27.
Ответить с цитированием