Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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
Html 使用@media print使嵌入式Soundcloud缩略图可打印_Html_Css_Printing_Media Queries_Soundcloud - Fatal编程技术网

Html 使用@media print使嵌入式Soundcloud缩略图可打印

Html 使用@media print使嵌入式Soundcloud缩略图可打印,html,css,printing,media-queries,soundcloud,Html,Css,Printing,Media Queries,Soundcloud,在博客上插入嵌入式Soundcloud播放器时: 很抱歉,您的域上的CSS不会对iframe上加载的来自其他域的页面产生影响(出于安全原因) 使用JS在iframe上注入CSS有一些方法,但是iframe的域应该有适当的规则集,而事实似乎并非如此 如果这对你来说真的很重要,你可以随时制作一个播放器的屏幕截图,只用于打印实际的播放器 根据评论进行编辑 没有本机属性可以满足您的要求,但您可以自己使用一点JS+CSS: document.querySelectorAll('.soundcloud'

在博客上插入嵌入式Soundcloud播放器时:


很抱歉,您的域上的CSS不会对iframe上加载的来自其他域的页面产生影响(出于安全原因)

使用JS在iframe上注入CSS有一些方法,但是iframe的域应该有适当的规则集,而事实似乎并非如此

如果这对你来说真的很重要,你可以随时制作一个播放器的屏幕截图,只用于打印实际的播放器

根据评论进行编辑

没有本机属性可以满足您的要求,但您可以自己使用一点JS+CSS:

document.querySelectorAll('.soundcloud').forEach((iframe)=>{
var img_cover=iframe.getAttribute('cover');
if(img_盖){
var org_html=iframe.outerHTML;
var new_html=“”+
org_html+
"" +
"";
iframe.outerHTML=新的html;
}
});
.soundcloud iframe img{
显示:无;
}
@媒体印刷品{
.soundcloud iframe iframe{
显示:无;
}
.soundcloud iframe img{
显示:块;
}
}

谢谢您的回答。有没有一种方法可以自动实现这一点?类似于
?(这当然是伪代码)