0
Я пытаюсь добавить preloader
, когда видео загружается с помощью jquery
. Проблема в том, что он работает в каждом браузере, кроме Safari
.Загрузитель в HTML5 видео не работает в Safari
Вот код.
$('#video_id').on('loadstart', function(event) {
$(this).addClass('loading');
});
$('#video_id').on('canplay', function(event) {
$(this).removeClass('loading');
$(this).attr('poster', '');
});
video.loading {
background: black url(http://www.drivethrurpg.com/shared_images/ajax-loader.gif) center center no-repeat;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<video controls="" poster="http://www.drivethrurpg.com/shared_images/ajax-loader.gif">
<source src="https://www.w3schools.com/html/movie.mp4" type="video/mp4">
</video>
Спасибо за ответ и исправление моей ошибки, но все же код не работает в Safari –
Что не работает? И плакат, и фоновые изображения отлично подходят для меня. Я использую 'Safari 10.0.3'. Вы говорите о Safari на iOS или macOS? –
Safari 5.1.7 в IOS. –