网页内添加音乐控件 | WinterStarHu Go语言

- 主要内容
- 次要内容

看见别人的博客里有音乐播放器，我也想加一个。本页内容比较乱，因为嵌入了html导致网页混乱，但是其中的方法可以参考。

- 主要内容
- 次要内容

主要内容

参考了这个博客，MarkDown插入音乐。
添加如下代码：

<div align=life> 
<iframe frameborder="no" marginwidth="0" marginheight="0" width=400 height=140 src="https://music.163.com/outchain/player?type=2&id=34341360&auto=0&height=66"></iframe>
</div>

效果如下：

可以使用！！！

这个接口的 id=34341360 是从这里获取的

找到复制链接 , 然后用浏览器打开.

后边的 id=34341360 就是我们要的 id 然后接口替换就可以了

次要内容

折叠插件

<details>
  <summary>点击时的区域标题</summary>
  <p> - 测试 测试测试</p>
  <p> 测试二 测试三 。。。。。 .</p>
</details>

效果如下

点击时的区域标题

- 测试测试测试

测试二测试三。。。。。 .

天气控件

<div align=life> 
<iframe frameborder="no" marginwidth="100" marginheight="0" width=600 height=300 scrolling="no" src="https://tianqi.qq.com/"></iframe>
</div>

只是限制了观看的区域，如果想从其他地方浏览还不知道怎么办。另外天气只有北京的也有点难办，看来这个可以搞一些动图什么的html可能还可以，若是天气就不好用了。

采用DIV区域控制，就可以使用了。下图是把百度图标隐藏的效果

<div align="center" style="margin:0 auto;">
    <div style="width:800px;height:600px;overflow:hidden;border:0px"> 
         <div style="width:500px;height:800px;margin:-153px 0px 
0px -10px;">
              <iFrame src="http://www.baidu.com" width="800" height="600" scrolling="no">
             </iFrame>
         </div> 
     </div>

我使用百度搜索“天气预报”，得到搜索结果，然后选择区域，勉强显示出天气。

 <div style="width:800px;height:600px;overflow:hidden;border:0px"> 
         <div style="width:500px;height:800px;margin:-130px 0px 
0px -10px;">
              <iFrame src="https://www.baidu.com/baidu?wd=天气" width="300" height="400" scrolling="no">
             </iFrame>
         </div> 
     </div>

bing搜索weather的结果

网页上别人博客截下来的代码

<div align=life> 
<iframe allowtransparency="true" frameborder="0" width="180" height="36" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=3&amp;z=2&amp;t=0&amp;v=0&amp;d=3&amp;bd=0&amp;k=&amp;f=&amp;ltf=009944&amp;htf=cc0000&amp;q=1&amp;e=1&amp;a=1&amp;c=54511&amp;w=180&amp;h=36&amp;align=center"></iframe>
</div>

另外，markdown里还有其他功能嵌入，如下：
文字颜色
 插入视频
 插入Gif
一行插入多张图片

<table>
<tr>
 <td ><center>
 <iframe allowtransparency="true" frameborder="0" width="180" height="36" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=3&amp;z=2&amp;t=0&amp;v=0&amp;d=3&amp;bd=0&amp;k=&amp;f=&amp;ltf=009944&amp;htf=cc0000&amp;q=1&amp;e=1&amp;a=1&amp;c=54511&amp;w=180&amp;h=36&amp;align=center"></iframe>
 </center>
 <center>
  <iframe frameborder="no" marginwidth="0" marginheight="0" width=400 height=140 src="https://music.163.com/outchain/player?type=2&id=34341360&auto=0&height=66"></iframe>
   </center></td >
   </tr>
</table>

闹钟

<object type="application/x-shockwave-flash" style="outline:none;" data="https://cdn.abowman.com/widgets/pendulumclock/pendulumClockV2.swf?" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/pendulumclock/pendulumClockV2.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value=""/></object>

鱼

<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/dog/dog.swf?3?" width="300" height="225"><param name="movie" value="https://cdn.abowman.com/widgets/dog/dog.swf?3?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>

老鼠

<embed type="application/x-shockwave-flash" src="https://cdn.abowman.com/widgets/hamster/hamster.swf" width="260" height="210" id="flashID" name="flashID" bgcolor="#FFFFFF" quality="high" flashvars="up_backgroundColor=FFFFFF" wmode="opaque" allowscriptaccess="always">