在进入网站之前,我想播放一段8秒短片。我使用自动播放(是的,我知道不建议使用自动播放,但我希望它出于特定原因,它是8秒,没有声音),然后延迟页面重定向到主页面。我使用此代码
<!DOCTYPE html>
<html>
<body>
<video width="100%" height="100%" autoplay poster="/assets/Videoposter.jpg">
<source src="./assets/Video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="./assets/Video.ogv" type='video/ogg; codecs="theora, vorbis"' />
<source src="./assets/Video.webm" type='video/webm; codecs="vp8, vorbis"' />
</video>
</body>'
'<script>
var timer = setTimeout(function() {
window.location='./article.html'
}, 8300);
</script>
当我在本地尝试时它可以正常工作,但是一旦我将它上传到服务器页面加载但是空白然后在8300ms之后它重定向到另一页面。
在我的资源文件夹中,我有3种形式的视频和海报图片。我尝试过./assets/和/ assets。我还试过没有身体标签。任何人都可以指出它为什么不玩。感谢。
答案 0 :(得分:0)
谢谢你们。使用src的直接链接工作并对名称进行资本化。我也有一个下划线数字(video_2.mp4),我拿走了我认为有帮助的下划线。简而言之,我们学到了“让名字尽可能简单”。