这是一个创建于 2686 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近在逛 pornhub 的时候，突然想把我的视频站也实现这种鼠标悬停预览的效果，类似于 https://codepen.io/anon/pen/VWypew
网址： http://koflegend.com/
其中用于视频预览的 mp4 文件我已经准备用 ffmpeg 分段去切然后合并了，然后 html 中视频地址写成 img 的一个属性，data-preview="http://xxx.com/xxx/xxx.mp4"，不知可操作否，然后问题主要是 js 部分，不知道代码改怎么写，请大神指点下。
网址： http://koflegend.com/
其中用于视频预览的 mp4 文件我已经准备用 ffmpeg 分段去切然后合并了，然后 html 中视频地址写成 img 的一个属性，data-preview="http://xxx.com/xxx/xxx.mp4"，不知可操作否，然后问题主要是 js 部分，不知道代码改怎么写，请大神指点下。
 |
1
hand515 2017-06-28 23:28:01 +08:00
pornhub 是什么东西？
|
 |
3
leots 2017-06-28 23:41:40 +08:00  1
歪个楼，我感觉哔哩哔哩的鼠标指向图片显示预览视频做得更友好一些。
但也是不知道要怎么做 |
 |
4
binux 2017-06-28 23:44:13 +08:00
放一个 video with poster，鼠标放上去就 play
最简单的，你搞个 gif 不就完了 |
 |
6
malagebidi OP 1
|
 |
7
liangguan5 2017-06-29 00:27:19 +08:00 via iPhone 1
我在 xhamster.com，redtube.com，avtaobao 上都见过楼主说的这种悬停预览效果(#^.^#)
|
|
8
malagebidi OP @liangguan5 厉害了我的哥，再补充一个 xvideos.com
|
|
9
malagebidi OP @binux 页面上图片太多 600+，这样 lazyload 延迟加载可能没法用了
|
|
10
binux 2017-06-29 01:23:15 +08:00
@malagebidi #9 看了下 xvideos.com，就是简单粗暴鼠标放上去播视频
|
 |
11
azh7138m 2017-06-29 08:26:53 +08:00 via Android
这么多人收藏。。。
|
 |
12
ifreego 2017-06-29 09:47:06 +08:00
pornhub 不是学习这个的吧
|
 |
13
charexcalibur 2017-06-29 11:37:11 +08:00
怎么聊着聊着就发车了。。。
|
 |
14
0nlyy0u 2017-06-29 14:48:15 +08:00
会因为这帖子，墙了 V2EX 么？
|
Select Language