Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.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 可以在popover中添加视频吗?_Javascript_Html_Twitter Bootstrap_Bootstrap 4 - Fatal编程技术网

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
});