×

使用Meting API 生成网易云音乐的第三方播放器(iframe嵌入网页,支持响应式)

Falcon 2020-04-19 views:
自动摘要

正在生成中……

这里生成你的播放器

在网页中引用(响应式)

<div class="responsive-meting"><iframe src="https://api.mizore.cn/meting/?server=netease&amp;type=search&amp;id=%E6%9D%8E%E5%AE%97%E7%9B%9B">
</iframe></div>

CSS:

.responsive-meting {
  overflow: hidden;
  padding-bottom: 62.5%;
  position: relative;
  height: 0;
}
.responsive-meting iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  border:none;
}

@media only screen and (max-device-width: 480px) {
  .responsive-meting {
    padding-bottom: 138.5%; 
  }  
}

 

在线体验:https://hi.cellmean.com/p/28a5846aebe3