0
我试图在使用jquery
加载视频时尝试添加preloader
。问题是,它在除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'。你在谈论iOS或macOS上的Safari吗? –
IOS中的Safari 5.1.7。 –