JwPlayer - 播放前顯示視頻截圖

Question

我一直沒能找到任何關於這個的東西，所以也許有人可以幫我一把

我想要做的是當 JwPlayer 加載時，而不是它當前顯示的默認黑屏，我希望它顯示它設置播放的視頻中的幀

以下是我用來加載 JwPlayer 的 HTML 和 JS 片段

<div id="video">
</div>

<script type="text/javascript" language="javascript">
        jwplayer("video").setup({ 
            height: 300,
            width: 620,
        autostart: false,
        volume: 50,
        file: "/video.mp4",
            modes: [
        {
                type: "html5",
                config: {
                    file: "/video.mp4"
                }
            },
        {
                type: "flash",
                src: "/player.swf"
            },
        {
                type: "download"
            }]
        }); 

</script>

請注意，我沒有將其設置為自動啟動，因此加載時它只顯示黑屏，黑屏上覆蓋有播放按鈕

我知道如何讓它在設置功能中顯示圖像而不是帶有圖像屬性的黑屏，但這需要我從視頻中手動生成圖像並將其上傳到服務器。 我需要它能夠根據視頻動態執行

我查看了 JWPlayer 文檔但找不到任何東西，所以也許它甚至不可能做到，但希望這里有人比我更了解

謝謝！

Answer 1

看起來快照插件可能正是您要找的。

Answer 2

我意識到這個問題已經得到回答並被接受，但是，一個選項是啟動播放器並立即暫停它。 這對我有用：

onReady: function () {
    $this = this;
    this.play(); 
    var pauseMe = window.setTimeout(this.pause, 500); // sets auto poster
    ...
}

當然，這僅在您想顯示視頻的第一幀左右時才有效； 抓取視頻中其他任何地方的特定幀可能會與 seekTo() 一起使用，然后播放和暫停，但您可能會遇到緩沖延遲。 實際上，我現在需要從視頻的后面抓取圖像，因此可能會嘗試使用該圖像或 ffmpeg :)

Answer 3

在設置中只需添加“圖像”

jwplayer("myDiv").setup({
  "file": "http://example.com/myVideo.mp4",
  "image": "http://example.com/myImage.png",
  "height": 360,
  "width": 640
});