2

如何编码视频;这将发挥作用;在它运行到最后之后。然后用div替换视频(特别是在该 #div 中是一个动画 gif)。

但无论如何;我怎么能写这个?

就像是; (但我不想要一个新的 Window / URL;而是一个 div 来替换内联)

$oVideo.bind('ended', function() {
window.location = 'http://coolurl.com';
$oVideo[0].pause();
$oPause.hide();
$oPlay.css('display', 'block');
});

基本上; 视频播放 > 结束 > 视频消失 > 一个 div 替换它(#div 中带有动画 gif)。

4

1 回答 1

4

所以,如果我理解正确,您正在寻找视频播放然后视频消失并被包含一些任意内容的 div 替换。

在常规的 HTML/JS/CSS 中,这样的东西可以满足您的要求。应该很容易转换为 jQuery(而不是您在问题中设置的 window.location,只需将视频上的样式设置为 display:none 和要显示的 div 显示:block)

<!DOCTYPE html> 
<html> 
<head>
</head>
<body> 
<div class="vidBox" id="box">
    <video class="vid" poster="http://www.rufan-redi.com/assets/lizard_goldeye.jpg" preload="metadata" controls="true" id="video1" height="240" width="360">
        <source src="http://jcath-drg.s3.amazonaws.com/BigBuck.m4v" type="video/mp4">
    </video>
    <div id="other" style="display:none; width:400px; height:300px; background-color:#f0f0f0">
        This appears after the video ends
    </div>
</div>
<script>
    var vid=document.getElementById('video1');
    vid.addEventListener("ended", hideVideo, false);

    function hideVideo() {
        var vid=document.getElementById('video1');
        var other=document.getElementById('other');
        vid.removeEventListener("ended", hideVideo, false);
        vid.style.display='none';
        other.style.display='block';
    }
</script>
</body> 
</html>
于 2013-01-17T20:03:21.530 回答