使用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为视频结尾添加图像

回答

相关问题