关于在帖子中添加音乐和视频的心得

受毛玉大大@书の妖怪 邀请，写一下自己在帖子中添加音乐和视频的心得。

我就是想放这张图而已

下面将会为大家详细介绍关于添加音乐和视频的心得。
特别地，当获取到网易云音乐/b站视频的地址后，可以用下方链接中的工具，快速将地址转换成发帖所需的代码。

[心得] 帖子插入视频音乐懒人工具：https://www.gamemale.com/thread-103023-1-1.html

工具由优老师@user_login 开发，谢谢优老师陪我一起熬夜
喜欢的话记得要给优老师评分！

添加音乐（网易云音乐）

写在前面：付费/VIP歌曲是用不了的，免费歌曲如果后续变成付费/VIP歌曲的话，原来生成的链接也会随之失效。

原教学地址：https://www.gamemale.com/forum.p ... 8&page=1#pid1214071

在帖子中添加音乐需要的是音乐地址。
这是网易云音乐的音乐外链地址通用链接，在使用它添加音乐之前，我们需要先获得音乐在网易云音乐中的id。

1. http://music.163.com/song/media/outer/url?id=.mp3

复制代码

因此，添加音乐需要以下两步：

一、获取音乐id

以梁咏琪的《错过》为例。

客户端
右键歌曲，点击复制链接

可得：

1. https://music.163.com/song?id=254672&userid=XXX

复制代码

【id=】后的一串数字便是音乐的id了。
值得一提的是【userid=】后面的一串数字其实是网易云音乐中用户的uid，这里我做过处理，改用【XXX】代替。

网页版
歌曲界面，查看网页地址栏

可得：

1. https://music.163.com/#/song?id=254672

复制代码

音乐的id同样是【id=】后的一串数字。
可知《错过》这首歌曲的id便是254672，根据帖子最开始给出的网易云音乐的音乐外链地址，便能得到如下链接：

1. http://music.163.com/song/media/outer/url?id=254672.mp3

复制代码

以上便是《错过》这首歌曲的音乐地址。

二、添加音乐

有了音乐的地址后，就只剩下添加音乐一步了。
点击帖子编辑器中的【添加音乐】


将刚刚获得的音乐地址复制粘贴进来，点击提交，便能在帖子中得到如下代码

1. [audio]http://music.163.com/song/media/outer/url?id=254672.mp3[/audio]

复制代码

帖子发布后效果展示：

如果无法播放，请点击此处在新窗口打开

添加视频

同理，在帖子中添加视频需要的则是视频地址。
因此，添加视频需要以下两步：

一、获取视频地址

以梁咏琪的歌曲《错过》的MV为例。

b站
在对应的视频网页中选择【分享按钮】，下方有一栏视频地址，点击旁边的【复制】

可得：

1. https://www.bilibili.com/video/BV1Nq4y1z76s?share_source=copy_web

复制代码

这便是我们所需要的b站视频地址了，图方便可以直接使用。
精简美观一点将后面删去，改成如下也可以：

1. https://www.bilibili.com/video/BV1Nq4y1z76s

复制代码

易知

1. https://www.bilibili.com/video/

复制代码

其实就是b站视频的通用地址。
如果复制出来的b站视频地址格式不同，可以直接在上述通用地址后，加上对应视频的BV号（通常可以在视频简介处找到），便是所需的视频地址了。

油管
视频界面，查看网页地址栏

可得：

1. https://www.youtube.com/watch?v=WJMT36uQ0PY

复制代码

直接就是油管的视频地址。
如果你准备分享的油管视频，自己已有过观看历史的话，用来记录播放进程，视频地址是会以【&t=XXXs】结尾的。
但根据我的测试，即使视频地址后带有这一部分，对于分享出来的视频也是没有影响的，并不会从【t=XXXs】开始播放。当然删掉【&t=XXXs】的部分肯定是最保险的（XXX表示数字）。

二、添加视频

有了视频地址之后，和添加音乐一样，添加视频也是最后一步。
点击帖子编辑器中的【添加视频】


将刚刚获得的视频地址复制粘贴进来，确认好视频的宽、高，点击提交，便能在帖子中得到如下代码

1. [media=x,610,450]https://www.bilibili.com/video/BV1Nq4y1z76s?share_source=copy_web[/media]
   
2. [media=x,560,315]https://www.youtube.com/watch?v=WJMT36uQ0PY[/media]

复制代码

帖子发布后效果展示：

b站


油管


三、关于视频的宽、高（额外补充）

视频的宽、高决定了帖子内显示的视频播放器大小，如果设定得太小的话，播放器的某些控件乃至整个控制界面会直接消失，只留下视频界面（适用于需要插入多个视频或者分享纯音乐等场合）。

b站的视频，根据播放器的不同样式设置不同大小（帖子发表后，便可在帖中确认到播放器的样式）

宽500，高375	宽610，高450

b站视频播放器（示例图 1:2）

而油管的视频，在它网页端嵌入视频的默认大小则是宽560，高315。

油管视频播放器（示例图 1:2）

如果需要宽度横向平铺整个界面时，则为宽820，高0（0表示自适应比例）。

b站 油管

关于在日志中添加音乐和视频的心得：https://www.gamemale.com/blog-681187-74291.html

这样写应该有清楚吧……

希望大家看完之后都可以和矢张发出同样的感叹！没想到我还能这样强行插入头图吧！

好就酱拜~

好总结！我的话就会写个自动转换链接的工具。
巧了，我今天刷视频偶遇成步堂

是来自年度热心网友大可的分享，绝佳好评
(等CD)

感谢黑达克的详细教学，希望新人们都能学会

前排，感谢黑达克的保姆级教学贴，真的非常详细，几乎是直接把饭喂嘴里了
目前随着论坛新用户的增多和假期的临近，包括音乐交流版块在内的不少版块都开始涌现出了低质量帖子，其中音乐交流版块的不少帖子主要问题集中在不会插入歌曲和mv视频上，相当影响帖子观感和帖子质量。
相信黑达克的教学贴能更好地帮助在音乐交流版块发帖的新人提高帖子质量

感谢大可老师，能直接给新人贴地址的贴子又多一个

真的是保姆级们的教学呢，希望大家发帖子能规范一点呢，最近低质量帖子真的太多了，乱来的。

谢谢大神分享，先码以备不时之需

真的很详细了，音乐板块大利好，感谢大颗老师

又学到一招，之前不会添加音乐，现在会了，感谢大大的心得分享~

哇 学到了！很详细啊！谢谢大佬

是黑达克的干货知识分享呢！追随献上了w
刚意识到原来黑达克也是逆转厨

感谢大大的教学，我原本也打算写篇音乐分享帖子，这个很有帮助，帖子……也许某一天就能写出来了（

真的是良帖，对于经常在音乐版块水帖发帖的我很有帮助，网易云的链接总不会弄

萌新教学帖.jpg
要是我会一些小寄巧是不是可以学优老湿来水呢（思索

大可高质量喂饭教学贴，建议加精

之前一直只会添加视频，原来音乐是这样加的，感谢楼主分享

看着很有用的样子，收藏了

学废了学废了~这就准备先去音乐区水掉这周的额度~每周水五贴~何愁买不了软泥怪蛋（不是）
本来还以为追随够用了~没想到又要等三连的CD了~~_(:з」∠))_


福星高照，这下我就差两旅程了，功夫不负水贴人啊，真是令人泪目

非常详细的教学过程，楼主辛苦了