使用javascript爲視頻結尾添加圖像

我是新來的stackoverflow和JavaScript。我有一個當前的JavaScript函數從播放源獲取預覽圖像並在播放視頻前呈現它，但我需要幫助的是在視頻播放完畢後顯示相同的圖像。使用javascript爲視頻結尾添加圖像

這就是代碼獲取圖像：

function getPreviewImage(){ 
    if (typeof currVid != 'undefined' && typeof currVid.previewimage != 'undefined' && currVid.previewimage != ''){ 
      return currVid.previewimage; 
    }else{ 
      return ''; 
    }

}

任何幫助嗎？

來源

2013-05-15 Designer

這表明，圖像預覽和播放視頻的代碼？ – Nunser

一個簡單的解決方案是將圖像添加爲視頻的最後一幀。

如果您使用HTML5視頻和jQuery，我相信這是一個視頻已經結束回調：

<body> 
    ... 
    <video>Your video here</video> 
    ... 
    <script> 
    $(function() { // document ready 
     $('video').bind('ended', function(){ 
     // now show image 
     }); 
    }); 
    </script> 
</body>

來源

2013-05-15 14:45:07

沒有jQuery，你可以使用'element.onended = function（）{};'（或用'addEventListener'） – Ian

抱歉。我究竟會在哪裏放置該代碼？（JavaScript新手） – Designer

您應該能夠將其放入文檔就緒功能中。或者在標籤前面添加它，以便在元素創建完成後運行。非jquery你會把它放在window.onload函數中：window.onload = function（）{Javascript code goes here} –

使用javascript爲視頻結尾添加圖像

回答

相關問題