HTML5自动启动，没有控制和自动重定向选项

Question

1-我想在用户访问我的网站时自动启动我的视频

2-尽管当前正在显示，但不需要任何控件，因为当我删除它们时，我的视频根本不会显示。

3-我可以显示加载条或任何加载图像吗？这样，当它处于加载范围时，用户就可以看到加载条，这就产生了视频存在的想法。

---

下面是我的代码

<video class="video" id="myVideo" controls>
  <source src="images/UnlimitedTeamVideo.mp4" type="video/mp4">
  <source src="UnlimitedTeamVideo.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

<script type="text/javascript">
  $(document).ready(function(){   
   $("#myVideo").bind('ended', function(){
      location.href="homepage.php";   
   }); 
  });
</script>

Answer 1

尝试使用：

<video class="video" id="myVideo" autoplay>

如果浏览器支持其中一个源并能够对其进行缓冲，则autoplay属性应自动使浏览器播放视频。

要显示负载/进度条，此答案可能会有所帮助。基本上，它使用buffered对象来显示加载了视频的哪个部分。

Answer 2

1-我想在用户访问我的网站时自动启动我的视频

使用自动播放属性。请参阅此处以获取有效的HTML5视频属性列表。请注意，这在iOS和Android中不起作用-这是经过设计的。

2-不需要控件，尽管它目前正在显示，因为当我删除它们时，我的视频根本不会显示

你需要为你的HTML5视频标签指定一个宽度和高度，以使其按预期工作

3-我可以显示加载条或任何加载图像吗，这样当它在加载范围内时，用户就可以看到加载条，这就产生了视频存在的想法

是的，你可以。您的案例场景的想法是在文档准备就绪时显示加载栏，并在播放事件触发时将其删除。您可以在此处查看媒体元素事件列表。

总之：

<video class="video" id="myVideo" width="640" height="360" autoplay>
  <source src="images/UnlimitedTeamVideo.mp4" type="video/mp4">
  <source src="UnlimitedTeamVideo.ogg" type="video/ogg">
   Your browser does not support the video tag.
</video>
<div id="loadingSpin">Loading...</div>
<script type="text/javascript">
$(document).ready(function(){  
    $("#loadingSpin").show(); 
    $("#myVideo").bind('play', function(){
        $("#loadingSpin").hide();
     });
    $("#myVideo").bind('ended', function(){
      location.href="homepage.php";   
     }); 
});
</script>

你需要用CSS放置和样式化loadingPin项目，但我想你可以从这里开始：）