所以,如果我理解正确,您正在寻找视频播放然后视频消失并被包含一些任意内容的 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>