备案控制台

开发者社区> 问答> 正文

HTML 5 Video标签如何取到第一帧

移动端页面加载出来的时候视频那一区域是黑色的，在播放之前，请问有什么方法可以让该视频的第一帧显示出来，谢谢！

展开

收起

小旋风柴进 2016-06-07 10:50:59 5720 0

1 条回答

写回答

取消提交回答

小旋风柴进

我觉得可能是在ios和某些android下测试的结果吧，ios是在点击视频后才能加载视频并播放，而poster是规定视频加载时显示的图像，所以只有点击视频后才能加载出poster
如果实在有需求的话，可以在video上放一个img，然后自己把poster的url放在img里，视频加载完成后显示视屏，隐藏这个img即可

2019-07-17 19:29:33

赞同展开评论打赏

问答分类：

移动开发 HTML5

问答标签：

HTML标签 HTML video HTML video标签

问答地址：

开发者社区 > 开发与运维 > 问答

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

相关问答

HTML video播放如何使用dom控制呀？

394

1

0

HTML中的video标签是怎么样的啊？

396

1

0

HTML中的内容标签和表格标签都有什么呢？

427

1

0

HTML中的标签都有什么含义啊？

438

1

0

HTML中的标签都分为什么呢？

397

1

0

HTML中的标签是什么呀？

384

1

0

大家有没有尝试在pg中剥离文本里的 html 字符串标签？用正则还是有什么好用的函数方法来实现?

866

1

0

在HTML中使用svg标签绘制去可伸缩的矢量图有什么好处吗？

503

1

0

html锚链接怎么注释标签啊？

323

1

0

HTML代码中，div是个什么标签，有什么用？

653

1

0

问答排行榜

最热

最新

1 通过阿里云代备案系统进行个人快速备案 2699636

2 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家德哥 1818204

3 据说在家办公的程序员是这样写代码的？ 1792160

4 阿里云开放端口权限 689824

5 《阿里云服务器从入门到精通》—论坛精华帖汇总（2013.8.21更新） 599395

6 如何升级配置 536035

7 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 522345

8 【精品问答】python技术1000问(1) 513955

9 Flink Forward Asia 2021 有奖问答 512772

10 Linux Bash严重漏洞修复紧急通知（已全部给出最终修复方案） 456898

11 OceanBase 使用动画（持续更新） 359236

12 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 329698

13 OSS存储服务-客户端工具 321266

14 为体验实验室取一个新名字。 307205

15 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 303731

16 Win Server 2003-2016 加密勒索事件必打补丁合集 295115

17 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 283486

18 安全组详解，新手必看教程 277232

19 写code还是做管理，开发者如何进行职业规划？ 268297

20 惊喜翻倍：免费ECS+免费环境配置~！(ECS免费体验6个月活动3月31日结束) 255813

1 如何评价 OpenAI 最新发布支持实时语音对话的模型GPT-4o？ 422

2 为什么程序员害怕改需求？ 418

3 “AI黏土人”一夜爆火，图像生成类应用应该如何长期留住用户？ 396

4 之前通义灵码参加的活动礼品领取到哪里了 110

5 如何从零构建一个现代深度学习框架? 791

6 AI面试成为线下面试的“隐形门槛”，对此你怎么看？ 1344

7 宜搭JS实现多个子表单汇总到一个子表单内 132

8 请问上次@灵码活动奖品，还没有收到，也没有地方看到是否发货，这活动是不是骗人玩的！！！ 253

9 乘风问答官5月排位赛开启！ 528

10 你见过哪些独特的代码注释？ 2020

11 你遇到过哪些触发NPE的代码场景？ 1011

12 请问，我在易搭的数据管理页面里为什么有导出和新增按钮，有时没有导入按钮呢 133

13 宜搭中，线上答题单选题和多选题在一起如何计算总分，请老师指点 291

14 宜搭应用页面权限问题 118

15 宜搭中，在表单里复选选项（搭建多选题）如何设置单行文本自动获取“你的答案”所选的选项如“AB” 197

16 通过自动化向子表中新增数据时，会创建一条空白的记录 132

17 宜搭流程表单怎样根据连接器返回值阻止提交 230

18 查看nacos 日志的路径是什么？ 101

19 宜搭中，搭建线上答题功能，多选题如何设置分数计算，请老师帮忙 110

20 如何让系统具备良好的扩展性？ 2038

相关课程

更多

HTML 入门与实战

32430

33

去学习

HTML基础入门学习

2466

21

去学习

HTML5 新特性教程

21292

15

去学习

零基础学前端HTML+CSS

8924

57

去学习

推荐问答

乘风问答官招募中！机械键盘免费拿

相关电子书

更多

《零基础HTML入门教程》 立即下载

天猫 HTML5 互动技术实践 立即下载

天猫HTML5互动技术实践 立即下载

相关实验场景

更多