本帖最后由 加林森 于 2022-3-4 21:28 编辑 <br /><br />马黑黑 发表于 2021-11-5 21:14
{:4_172:}
<style type="text/css">
.mnBox { position: relative; margin: 0 auto; padding: 35px; width: 660px; border: none; border-top: 6px solid #A52A2A; border-radius: 10px; background: #F08080; }
.ctBox { margin: 0; padding: 30px; background: #fff; min-height: 300px; border-radius: 10px; }
.ctBox p,img, h2,button { text-align:center; }
#lrcDiv { margin: auto; width: 300px; height: 43px; overflow: hidden; position: relative; padding: 8px; text-align:center; }
</style>
<div class="mnBox">
<div class="ctBox">
<p style="text-align:center;"><img alt="600" height="289" src="https://pic.imgdb.cn/item/6221fa2e5baa1a80ab95d71a.png" /><br></p>
<h2 style="padding-bottom: 10px;">蒙古骏马</h2>
<h2 style="text-align:center;">演奏：HAYA乐团</h2>
<h2 style="text-align:center;">所属专辑：HAYA乐团北京现场音乐会</h2>
<pre>
纯音乐，请欣赏
《 蒙古骏马》
一首马头琴乐曲联奏—HAYA
</pre>
<p style="margin: auto; width:120px; text-align:center; font-size:14px; color:#000;"><marqueescrollamount="2" direction="left" >
《 蒙古骏马》—HAYA</marquee></p>
<style>
/* 父盒子 */
#wyyBox {
margin: 10px auto;
width:300px;
height: 52px;
text-align: center;
}
/* 播放器 */
#wyyBox iframe {
width: 298px;
height: 52px;
border: none;
/*切割 clip-path: circle(16px at 271px); */
}
</style>
<div id="wyyBox"></div>
<script>
var wyyBox = document.getElementById("wyyBox"); //父 div 盒子标识
var frm = document.createElement("iframe"); //创建 iframe 元素
//iframe 加载 src
frm.src = "https://music.163.com/outchain/player?type=2&id=27971933&auto=1&height=32";
wyyBox.appendChild(frm); //父盒子加载 iframe 元素
</script>
<p style="margin: 20px; text-align:center;">加林森2022 03 04</p>
</div>
</div>
<script language="javascript">
this.play();
}
</script>