我需要一个播放器，如在yt。在悬停预览视频。有人能帮助这个请。我正在寻找这个了很多时间，并没有找到smth来帮助。
xkftehaa1#
你应该能够通过css达到那种效果，而不需要javascript。下面是一个简单的例子：准备视频的静态缩略图和动画预览- ffmpeg是一个很好的工具。使用css将适当的文件显示为背景。
a {display:block; width:300px; height:200px; background-image:url("static.jpg");} a:hover {background-image:url("animated.gif");}
在html中使用类似这样的内容
<a href="video.html">3 minute video</a>
更新：对于给定的文件大小，Webp几乎肯定会比gif提供更好的效果。请参见Superuser上的这篇文章，以获得建议的FFMPEG设置。https://superuser.com/questions/1408120/how-do-i-generate-webp-preview-animations-using-ffmpeg
1条答案
按热度按时间xkftehaa1#
你应该能够通过css达到那种效果，而不需要javascript。
下面是一个简单的例子：
准备视频的静态缩略图和动画预览- ffmpeg是一个很好的工具。
使用css将适当的文件显示为背景。
在html中使用类似这样的内容
更新：对于给定的文件大小，Webp几乎肯定会比gif提供更好的效果。请参见Superuser上的这篇文章，以获得建议的FFMPEG设置。https://superuser.com/questions/1408120/how-do-i-generate-webp-preview-animations-using-ffmpeg