各位大侠，网页中插入视频如何先显示图片，而不是黑屏？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 3640 天前的主题，其中的信息可能已经有所发展或是发生改变。

各位大侠，网页中插入视频如何先显示图片，而不是黑屏？在播放之前就显示界面，谢谢

9 条回复 • 2014-05-23 09:03:03 +08:00

learnshare

2014-05-06 10:44:24 +08:00

Flash 的播放器都是视频源处理好了吧，HTML5 video 可以用 poster 属性放一张占位图片，参考 http://blog.jnecw.com/?p=504

l123450

2014-05-06 10:55:44 +08:00

在播放之前就显示界面，然后点击播放后，在继续播放。

l123450

2014-05-06 10:56:35 +08:00

@learnshare 谢谢你给的资料，但是有点不懂，我是在网站上直接发视频，在前台显示，结果开始显示黑屏，点击播放才出现画面。

dong3580

2014-05-06 11:02:10 +08:00

例如，引用youku的不都是会出现画面么？
@learnshare
同一楼，刚试了试一个html,加上一个flash播放器和视频，正常的呀。
楼主确定不是浏览器问题么？或者你那个网站的代码问题？

rails3

2014-05-06 11:27:47 +08:00

jwplayer 可以实现

caonan

2014-05-06 13:19:40 +08:00

@l123450 你通过什么发视频？如果Flash 播放器是你自己写的，可以直接先加载图片，如果是HTML5可以按照一楼的方式，如果是用的第三方播放器，那么找他们吧。

liyandong

2014-05-06 21:47:26 +08:00

background

l123450

2014-05-07 17:01:41 +08:00 via Android

谢谢各位大侠。是不是在制作视频时加入额外的帧呢。www.jnmz.gov.cn比如这个网站左下角视频，就显示黑框。点击播放后才显示画面。

l123450

2014-05-23 09:03:03 +08:00 via Android

解决了，谢谢各位了，是在发布的后台设置背景就行。谢谢各位了。