Html 使用@media print使嵌入式Soundcloud缩略图可打印
在博客上插入嵌入式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'
很抱歉,您的域上的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{
显示:块;
}
}
谢谢您的回答。有没有一种方法可以自动实现这一点?类似于
?(这当然是伪代码)