This topic created in 3224 days ago, the information mentioned may be changed or developed.
最近在逛 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
Finest Jun 28, 2017
pornhub 是什么东西？
|
 |
3
leots Jun 28, 2017  1
歪个楼，我感觉哔哩哔哩的鼠标指向图片显示预览视频做得更友好一些。
但也是不知道要怎么做 |
 |
4
binux Jun 28, 2017
放一个 video with poster，鼠标放上去就 play
最简单的，你搞个 gif 不就完了 |
 |
6
malagebidi OP 1
|
 |
7
liangguan5 Jun 29, 2017 via iPhone 1
我在 xhamster.com，redtube.com，avtaobao 上都见过楼主说的这种悬停预览效果(#^.^#)
|
|
8
malagebidi OP @liangguan5 厉害了我的哥，再补充一个 xvideos.com
|
|
9
malagebidi OP @binux 页面上图片太多 600+，这样 lazyload 延迟加载可能没法用了
|
|
10
binux Jun 29, 2017
@malagebidi #9 看了下 xvideos.com，就是简单粗暴鼠标放上去播视频
|
 |
11
azh7138m Jun 29, 2017 via Android
这么多人收藏。。。
|
 |
12
ifreego Jun 29, 2017
pornhub 不是学习这个的吧
|
 |
13
charexcalibur Jun 29, 2017
怎么聊着聊着就发车了。。。
|
 |
14
0nlyy0u Jun 29, 2017
会因为这帖子，墙了 V2EX 么？
|
Select Language