Javascript 加载单个元素后绑定外部js文件？

我一直在研究在加载特定元素（如html视频）后启动外部js文档（如exmample中的jquery插件）。我正在努力实现它，希望能得到一些帮助，特别是因为我还没有在这方面找到很多东西

我最初的想法是使用

DOMContentLoaded

事件，但我没有在加载特定元素时执行它，就好像我正确理解它正在等待加载DOM中的所有内容一样

所以我的第二次尝试看起来像是我找到的一个片段

// creates script on page
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = "src";
$('body').append(script);

//binds on load of element (I think?)
$(function(){
    $(".video").bind('load', ...Not sure where to go from here.)
});

---

这就是我的全部研究技能和javascript技能。如果除了一个正确的答案之外，我还可以得到一个关于

工作原理的简要分类，那就太好了。感谢圣徒们
 那么，你想用这个做什么？为什么不在加载文档时加载外部js为什么必须在加载元素后启动外部js？@OkiErieRinaldi，因为对于照片的视频，以及加载后应该生效的插件，我希望在图像或视频完成时加载，可以在文档其余部分之前或之后加载。不过，我会介意在文档加载后加载一些资源。谢谢：）你们有什么样的插件？加载插件后，插件会做什么？很抱歉，我不明白-u-我正在寻找更通用的东西，以便在将来的情况下也能实现它，但在这种情况下，我正在做一个刚刚交给我的项目，之前有3个不同的开发人员在手，完全是一团糟，而且该公司没有向客户收取足够的费用来预算全面的重新开发。根据我的理解，插件使用的元素相对于其他元素进行定位，是css响应开发的javascript替代方案，我现在遇到的问题是，插件在加载视频元素之前触发，这会导致它在文档中的位置过高。插件是否有触发器？