请我有一个phpmyadmin数据库，其中存储了视频名称列表，我也有一个存储这些视频的文件，所以我将这个视频输出到前端，php中有一个函数叫做MYSQLI_FETCH_ASSOC，当这些数据从服务器获得时，我创建的JavaScript函数将用div标签附加它。我还有一个函数，当第一个视频数据成功时，该函数向服务器发送响应，服务器从数据库中获取另一个数据。
所以我的问题是我如何在视频标签中预览视频的一部分。默认情况下，页面加载完成后，视频标签变成黑色，直到我点击它播放。所以我想让它在页面加载完成后显示视频的一部分，就像Facebook, Twitter, Instagram一样。
视频标签
那么我怎样才能使视频显示视频数据的一部分??
您必须为视频标签添加poster属性。看到文档。
<video width="470" height="255" poster="placeholder.png" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
<source src="video.webm" type="video/webm">
<object data="video.mp4" width="470" height="255">
<embed src="video.swf" width="470" height="255">
</object>
</video>
编辑:如何从视频中获取缩略图
你可以通过添加preload="metadata"到你的视频标签和第二帧#t=0.5到你的视频源来显示你的第一帧视频缩略图:
<video width="470" height="255" poster="placeholder.png" controls preload="metadata">
<source src="video.mp4#t=0.5" type="video/mp4">
</video>
还是……如果视频在同一域，你可以使用Popcorn.capture.js，这将允许你从视频的任何帧创建海报。
还是……你可以使用画布来捕获缩略图作为这个答案和这个答案的解释。