Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript动态替换HTML5标记_Javascript_Html_Video_Replace - Fatal编程技术网

使用Javascript动态替换HTML5标记

使用Javascript动态替换HTML5标记,javascript,html,video,replace,Javascript,Html,Video,Replace,我对AdobeCaptivate如何生成内容知之甚少,但它使用javascript动态生成html代码。我想在主html页面中添加一段Javascript代码,不断检查这一行: <video src="vr/Vi1.mp4" style="display: block; left: 0px; top: 0px; width: 1280px; height: 664px;"></video> 并将其替换为我选择的视频标签 到目前为止,我所研究的大多数“替换脚本”的问题

我对AdobeCaptivate如何生成内容知之甚少,但它使用javascript动态生成html代码。我想在主html页面中添加一段Javascript代码,不断检查这一行:

<video src="vr/Vi1.mp4" style="display: block; left: 0px; top: 0px; width: 1280px; height: 664px;"></video>

并将其替换为我选择的视频标签

到目前为止,我所研究的大多数“替换脚本”的问题是,它们只在页面打开时执行,但是由于代码是动态生成的,并且标记可能会在任何给定时刻出现,因此我需要在每次内容更改时检查页面

任何帮助都将不胜感激!
关于

您需要的是检测何时将元素添加到页面,特别是
元素。有一个DOM事件用于此,但它已被弃用-请参见此。答案可能对您有帮助,接受的答案建议
setInterval()

试试这个:

function checkVideo() {
    var videoTags = document.getElementsByTagName("video");
    if (videoTags.length > 0) {
        // do something with video
    }
    setTimeout( checkDOMChange, 1000); // schedule the next check
}

然后在加载文档时运行checkVideo()(例如,
$(document).ready(checkVideo)
with jQuery)


jQuery还有一个可以解决您的问题的函数,但现在它已被弃用。

您的问题得到了回答吗?如果是,请单击回答上的“接受”