Question

在进入网站之前，我想播放一段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。我还试过没有身体标签。任何人都可以指出它为什么不玩。感谢。

Answer 1

谢谢你们。使用src的直接链接工作并对名称进行资本化。我也有一个下划线数字（video_2.mp4），我拿走了我认为有帮助的下划线。简而言之，我们学到了“让名字尽可能简单”。

加载到服务器时，Html视频无法播放

1 个答案: