使用javascript时HTML5视频上不显示的控件

我有一个视频，我想在我的网页上显示，一切都在工作，除了控制没有显示。我在以我想要的宽度和高度显示视频时遇到了一个问题，所以我使用了一些javascript技巧来实现这一点。“自动播放”属性起作用，但在应用“控件”属性时，它似乎不起作用。有什么想法吗

这是我的HTML

  <canvas id="canvas" height="500" width="1300">
     <video id="video" controls>
       <source src="videos/Trailer.mp4" type="video/mp4">
     </video>
  </canvas> 

---

在视频上放置画布时遇到的问题是阻止内置html视频控件。我的建议是使用调用视频API的html和javascript实现您自己的视频控件（播放、暂停、音量、搜索器等）。你甚至可以让它比丑陋的内置控件更漂亮。您的控件可以包含在覆盖画布上方的一个层中，因此视频将显示在覆盖画布上方以及控件集上方

您可以阅读一些关于实现自己的控件或

---

希望这有帮助：）

看来你的问题是

容器，为什么你要把视频包装在画布上？为什么

setInterval

？在这里工作小提琴：画布的原因是我可以调整视频的纵横比，使其可以是1300500，而不是本地的。正如我所说的，我已经将其作为一种攻击，并且我知道它在没有画布功能的情况下工作，如果不使用它，就无法将视频调整到1300 x 500。好吧，至少我没有发现它有效：）我添加了我自己的按钮并访问了API（很高兴帮助您：）

function updateVideo( ) {
    var canvas = document.getElementById( 'canvas' );
    var ctx = canvas.getContext( '2d' );
    var myVideo = document.getElementById( 'video' );
    ctx.drawImage( myVideo, 0, 0, 1300, 500 );

}

setInterval ( updateVideo, 24 );