Javascript 如何使用Jquery在视频端显示海报图像?
我的HTML5视频控制API得到了一个形状。但现在客户要求我在视频播放后展示海报 现在有一个深黑色的背景 请让我知道我该怎么做Javascript 如何使用Jquery在视频端显示海报图像?,javascript,jquery,html,html5-video,Javascript,Jquery,Html,Html5 Video,我的HTML5视频控制API得到了一个形状。但现在客户要求我在视频播放后展示海报 现在有一个深黑色的背景 请让我知道我该怎么做 <video width="640" height="360" x-webkit-airplay="allow" poster="asserts/poster.png" preload="" tabindex="0" class="video1"> <source data-quality="sd" src="http://media.jili
<video width="640" height="360" x-webkit-airplay="allow" poster="asserts/poster.png" preload="" tabindex="0" class="video1">
<source data-quality="sd" src="http://media.jilion.com/videos/demo/midnight_sun_sv1_360p.mp4"></source>
<source data-quality="hd" src="http://media.jilion.com/videos/demo/midnight_sun_sv1_720p.mp4"></source>
<source data-quality="sd" src="http://media.jilion.com/videos/demo/midnight_sun_sv1_360p.webm"></source>
<source data-quality="hd" src="http://media.jilion.com/videos/demo/midnight_sun_sv1_720p.webm"></source>
</video>
var showBanner=函数(){
//展示你的旗帜
};
document.getElementById(“视频元素”).addEventListener(“结束”,showBanner,false);
视频api为此目的已“结束”事件。参考:我试过了。。但它只是阻止script.tx Selvaraj的流。我必须在函数内写些什么来显示海报?我不知道如何获取poster=“sdfsf.png”并在该区域显示。。。
/* Play/Pause */
var gPlay = function() {
if($hdVideo.attr('paused') == false) {
$hdVideo[0].pause();
$video_main_control.removeClass("hd-video-main-control-none");
$hdVideo[0].poster.show();
}
else {
$hdVideo[0].play();
$video_main_control.addClass("hd-video-main-control-none");
}
};
$video_main_control.click(gPlay);
$hd_play_btn.click(gPlay);
$hdVideo.click(gPlay);
$hdVideo.bind('play', function() {
$hd_play_btn.addClass('hd-paused-button');
});
$hdVideo.bind('pause', function() {
$hd_play_btn.removeClass('hd-paused-button');
});
$hdVideo.bind('ended', function() {
$hd_play_btn.removeClass('hd-paused-button');
});
<video width="640" height="360" x-webkit-airplay="allow" poster="asserts/poster.png" preload="" tabindex="0" class="video1" id="video_elem">
</video>
var showBanner = function () {
// Show your banner
};
document.getElementById("video_elem").addEventListener("ended",showBanner, false );