Javascript 如何动态添加HTML5视频控件

我有一个视频滑块，它不包括“视频”标签中的控件。我正在使用自定义播放按钮启动视频。然而，一旦视频开始播放，我会淡出我的自定义播放按钮，并希望标准html5视频控件接管。只有在播放html5视频时，才有办法将控件附加到该视频中。非常感谢您提供的任何帮助。

您将希望利用

当

播放

侦听器启动时，您可以检查并查看是否添加了控件。如果它们不存在，它将看到本机的

控件

属性。

$（函数（）{
$（'#btn'）。在（'单击'），
函数（）{
$（'#vid'）[0]。播放（）；
$（this.hide（）；}）；
$（'#vid'）。关于（'play'，函数（e）{
$（this.attr（'controls'，'true'）；
});
});

您的浏览器不支持HTML5视频。
播放
你能试着阅读一些教程并向你展示你得到了什么吗？我很确定有很多教程，只要在谷歌上搜索，我找到的所有教程都是关于创建自定义HTML5视频控件的。这很好，大多数都很有帮助，但我还没有找到任何东西来告诉我如何启动默认控制。不管怎样，我找到了。谢谢你让我挖得更深
$('video').on('playing', function (e) {
  if (!this.hasAttribute("controls")) {
     this.setAttribute("controls","controls") 
  }
});