Javascript 在页面加载时向现有元素添加属性

我在一个网站上有这个div，只需要在页面加载时自动添加一个文本。所以我尝试了Jquery追加或Jquery文本。但他们似乎只是在替换标签中的内容

<video src="how-it-works.mp4" autoplay="autoplay"></video>

我想在视频标签中添加“控件”文本。如下

<video controls src="how-it-works.mp4" autoplay="autoplay"></video>

---

任何人都可以帮忙吗？

视频是已知标签，所以您尝试过：

$("video").prop("controls", true);

或

如果您无法捕获视频中的事件，您可以尝试以下方法：

var timer = setInterval(function() {
    if($("video").length > 0){
       clearInterval(timer);
       $("video").attr("controls", "");
    }
}, 100); 

---

我每100毫秒测试一次标签视频是否存在

我已经尝试过这些方法，但由于某些原因它不起作用。标签保持不变我的问题是HTML5播放器在悬停时没有显示控件。用户需要右键单击并手动显示控件。我正在努力克服它。@ArshadArsal编辑您的问题，指定您的实际问题并在@ArshadArsal中显示您的尝试您必须显示加载页面和html的过程，您确定页面已加载吗？我的页面位于elementor上。很确定它已经加载了。我这样尝试代码$（document.ready（function（）{$（“video”）.prop（“control”，true）；}）；

var timer = setInterval(function() {
    if($("video").length > 0){
       clearInterval(timer);
       $("video").attr("controls", "");
    }
}, 100);