HTML问题 - 视频自动播放播放不起作用

时间:2017-12-07 20:59:41

标签: html video

我已经开始使用HTML创建一个网站了,但是当我打开页面时我想播放一个视频并且我已经嵌入了如下所示的视频:

<!DOCTYPE HTML>
<!-- GADGET SWAG WEBSITE -->
<html>

<head>
  <h1> Video HERE </h1>

<!-- Material Design -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>

</head>

<body>
  <video width="1920" height="1080" autoplay>
  <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>

</html>

这是一个示例视频,但它不适用于本地PC。我使用Notepad ++编写代码,但它似乎不起作用?

请帮忙

感谢

yg.swagness

2 个答案:

答案 0 :(得分:0)

<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>

此代码是问题 - 它会改变页面的工作方式,而视频不会自动播放

答案 1 :(得分:0)

我试过了,尝试使用另一种编辑器,我只是使用了这个基本编辑器https://htmledit.squarefree.com