Javascript 可以在popover中添加视频吗?
我想在我的一个弹出窗口中添加一个短视频。我尝试了以下方法:Javascript 可以在popover中添加视频吗?,javascript,html,twitter-bootstrap,bootstrap-4,Javascript,Html,Twitter Bootstrap,Bootstrap 4,我想在我的一个弹出窗口中添加一个短视频。我尝试了以下方法: let htmlString = ` <div class="embed-responsive embed-responsive-16by9"> <video class="embed-responsive-item" src="..." loop muted></video> </div> `; $('#popover').popov
let htmlString = `
<div class="embed-responsive embed-responsive-16by9">
<video class="embed-responsive-item" src="..." loop muted></video>
</div>
`;
$('#popover').popover({
trigger: 'manual',
html: true,
content: htmlString
});
让htmlString=`
`;
$('popover')。popover({
触发器:“手动”,
是的,
内容:htmlString
});
但是,当激活此popover时,视频元素不会出现在DOM中。使用开发工具,我只能看到视频容器
解决了这个问题。为popover设置sanitize:false
,并为视频容器指定width
或minwidth
。如果你想让你的视频在显示/隐藏时开始/停止播放,你也应该听
let html1 = `
<div style="min-width: 300px;">
<div class="embed-responsive embed-responsive-16by9">
<video class="embed-responsive-item" src=".../...mp4" loop muted></video>
</div>
</div>
`;
$('#popover').popover({
trigger: 'manual',
html: true,
sanitize: false,
content: html1
});
让html1=`
`;
$('popover')。popover({
触发器:“手动”,
是的,
消毒:错,
内容:html1
});