vlc视频流动态播放被覆盖问题

vlc视频流动态播放被覆盖问题（rtsp）

不能直接在 name='mrl' 中设置rtsp的地址，需要静态资源加载完毕之后调用一次打开
let idd = vlc.playlist.add(url);
vlc.playlist.playItem(idd);

<div class="video-box" id="video-box">
<object id="vlc" width="900" height="600" type='application/x-vlc-plugin' events='True' classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="" >
<param name='mrl' />
<param name='autoplay' value='true' />
<param name="AutoLoop" value="False" />
<param name='loop' value='false' /> <!-- 指定视频循环结束。默认值：false -->
<param name='fullscreen' value='true' /> <!-- 是否全屏 -->
<param name="Controls" value="False"> <!--隐藏toolbar-->
<param name="ShowDisplay" value="True" />
<font color=black><strong>Error:</strong> Videolan插件尚未安装，请访问 <a href="http://www.videolan.org"><font color=black>www.videolan.org</font></a> 下载。
</font>
</object>
</div>

<script>
let rtspUrl = UrlUtil.getQueryStringZh("rtspUrl");//获取浏览器中传递的url地址
function initObject(url){
var vlc = document.getElementById("vlc");
let timer = setTimeout(function(){
if (!vlc) {
initObject(rtspUrl)
} else {
vlc.setAttribute("width", "900px")
vlc.setAttribute("height", "600px")
let idd = vlc.playlist.add(url);
vlc.playlist.playItem(idd);
clearTimeout(timer)
}
}, 300);
};
$(function(){
initObject(rtspUrl);
});
</script>