移动端解决video标签无法显示第一帧

video标签在移动端的默认显示为空白,需要手动添加默认图片。
video的poster属性可以为标签添加默认图片

data.video_list.forEach(item=>{
                var html = '<video poster="/static/img/videoDefault.png" controls src='+item+'></video>';
                // var html = '<video poster='+item+"?vframe/jpg/offset/1"+' controls src='+item+'></video>';
                $('.video_list').append(html);
            })

以上方法可以获取视频的第一帧为图片 ?vframe/jpg/offset/1

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容