询问一下网站视频和图片展示方案

[sennes]

要帮公司修改官网。目前官网都是纯 html 和 css 自己慢慢折腾的。
对前端这块不是特别熟悉

想问一下，视频和图片应该用什么方案展示比较妥?

视频

目前视频是丢到七牛上了，基本上都是硬件产品的一些演示视频。
但是我不知道怎么把视频嵌入网页体验会比较好。
适配手机观看等问题我也是想解决的，如果有建议也麻烦指点一下!

图片

多数为产品的照片
自己写的好像有点挫，如下图

我希望的是只显示一张图，点击一下就可以出现一个"相册"的感觉(页面不跳转)
如果有这方面的方案希望可以指点一下

先谢谢大家

虽然我是前端渣，但是不需要大家帮我写，可以提一些 关键词或丟些 url 给我去琢磨就好(不过还是最好有 demo 能让我修改)。
也想趁这个机会稍微学习一下前端知识~

[mhycy]

看起来都是开放板？对产品有兴趣。。。

[sennes]

@mhycy 我们做机器视觉，特殊 Sensor 方面的比较多。不过官网东西还没 update ，等我改完给你链接(嘿嘿)

[gzelvis]

做 H5 页面直接镶嵌视频就好

[zetttt]

图片和视频都放在七牛，适配手机的话用 html5 播放器，比方说 videojs ，你说的相册效果找个 js 插件就可以实现，搜一下 gallery ，图片缩略图直接用七牛的图片处理接口就行

[sennes]

@zetttt 感谢。
就是一些 js 插件不太熟悉，我怕跟原来网页搭配起来会不合适。

嗯 我自己去找找看，如果您还有推荐的关键词可以丢给我~ 谢谢