Javascript 显示谷歌地图&；Cookie被接受后的YouTube视频

我在我的WordPress网站上使用这个插件：我对它非常满意，因为它易于使用，而且重量轻

根据GDPR的最新裁决，现在需要隐藏谷歌地图和YouTube视频，或者用占位符图像替换它们，只要访问者不接受cookie许可。不幸的是，插件没有这样的功能

---

有人有没有关于如何嵌入谷歌地图和YouTube视频的示例代码或想法？所有具有此功能的插件每年大约花费99美元，这对于我的主页上的一个地图和一个YouTube视频来说有点太多了…

我不确定你对Jquery有多满意，但你可以这样做

var cookiesAccepted = false;

将“媒体块”类添加到所有要隐藏的媒体。 将jquery设置为监视Cookies栏中的accept click。单击后，添加一个类，该类显示所有要隐藏的嵌入式媒体，例如：

$('#cookie-btn').on('click',function(){
  var cookiesAccepted = true;
  $('.media-blocks').addClass('show');

})

---

只是我该怎么做的指南

谢谢大家!！您是使用类来显示/隐藏元素还是使用WordPress短代码？只要cookie横幅未被接受，是否可以修改此代码以显示地图/youtube视频的图像？因此.media块css将为

{display:none；}

或

background:grey

添加show类之前要隐藏媒体的css

.media blocks.show{display:block；}