使用Meting API 生成網易雲音樂的第三方播放器
阿新 • • 發佈:2020-04-20
到這裡生成你的播放器
在網頁中引用(響應式)
:
<div class="responsive-meting"><iframe src="https://api.mizore.cn/meting/?server=netease&type=search&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