如何给帖子加上音乐或者游戏等站外元素 [版主ONLY] - 腐漫控

但由于html5时代的到来，flash开始变成时代的眼泪，有用的新潮的资源也变得越来越少坛友使用手机网页也无法播放flash

今天我在发帖时乱点，居然发现能在帖子中加载html5代码的方法

不管我们到底要在帖子中挂上什么，这一步都需要我们做，下面也将不再赘述

点开编辑帖子页面的附加选项勾选中 HTML代码勾选中之后我们就可以为所欲为了

一定要注意的是一定要先勾选保存一遍后再加上你想要加的元素(我建议的是等所有图文排版都完成后最后添加)

上传

点击文件名下载附件

如何添加网易云音乐播放器 https://www.fumankong.com/forum. ... =162966&pid=6462602

如何添加html5游戏https://www.fumankong.com/forum. ... =162966&pid=6462651

如何添加在线的有地址的（可下载）的mp4 ogg等格式视频https://www.fumankong.com/forum. ... =162966&pid=6462676

如何添加bilibili在线视频https://www.fumankong.com/forum. ... =162966&pid=6462705

如何添加网易云，qq音乐等在线mvhttps://www.fumankong.com/forum. ... =162966&pid=6462803

最终友情提示：外链虽好，还请认真按版规发帖哦

如果还有什么想要玩出的花样想要我添加教程的或者是我想到什么的我还会继续添加的哦（大概

）

作者: Re:p.eater 时间: 2019-6-15 21:30
本帖最后由 Re:p.eater 于 2019-6-15 22:37 编辑

如何添加网易云音乐播放器

1.从网页端登录你的网易云音乐，并点开一个你自己的创建的歌单（他人的歌单无法创建），点击生成外链播放器
(, 下载次数: 79)

上传

点击文件名下载附件

2.在选择播放器的外观规格之后，复制底部框框中的代码到你的帖子中保存即可

(, 下载次数: 68)

上传

点击文件名下载附件

示例：（由于young and beautiful有bug，我给换了首歌2333） (, 下载次数: 77)

上传

点击文件名下载附件

作者: Re:p.eater 时间: 2019-6-15 21:47
本帖最后由 Re:p.eater 于 2019-6-15 21:51 编辑

如何添加html游戏示例：
https://www.html5tricks.com/demo ... ard-game/index.html
这个网页中是考验记忆力的一个相同图案消除的小游戏

(, 下载次数: 77)

上传

点击文件名下载附件
复制下面这段代码，把src=" " 中的内容替换成网页地址
其中width height参数是设置帖子中外链网页的边框大小
scrolling="no"则可以强制关闭其中的滚动条条
<iframe width="750" height="850" src="https://www.html5tricks.com/demo/jquery-html5-card-game/index.html" scrolling="no"></iframe>

（网页本身最好有自适应屏幕，并且实际内容宽度不超过帖子的宽度750像素）

关于iframe http://www.w3school.com.cn/tags/tag_iframe.asp

作者: Re:p.eater 时间: 2019-6-15 21:56
本帖最后由 Re:p.eater 于 2019-6-15 22:35 编辑

如何添加在线的有地址的（可下载）的mp4 ogg等格式视频
例如这段惊奇队长的预告片 (, 下载次数: 84)

上传

点击文件名下载附件
复制下面这段代码，把src=" " 中的内容替换成视频地址
<video src="http://vfx.mtime.cn/Video/2019/02/04/mp4/190204084208765161.mp4" controls="controls">
您的浏览器不支持 video 标签。
</video>

作者: Re:p.eater 时间: 2019-6-15 22:05
本帖最后由 Re:p.eater 于 2019-6-15 22:34 编辑

如何播放bilibili视频
例如这一个蔡徐坤的鬼畜视频 https://www.bilibili.com/video/av51442604 (, 下载次数: 75)

上传

点击文件名下载附件 <div>电脑网页端进入视频页面后，在播放器下面找到分享按钮复制链接 (, 下载次数: 81)

上传

点击文件名下载附件

也可以复制下面这段代码，替换aid为av号（不带av）

<iframe src="//player.bilibili.com/player.html?aid=24841101&page=1"
scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">
</iframe>

这样就会有弹幕啦！（虽然会显得很挤）而且还可以调戏进度条等等常规玩法
er,你也可以设置播发器的大小（bilibili的播放器是自适应大小的哦)（但是好像弹幕的大小不能设置）

作者: Re:p.eater 时间: 2019-6-15 22:40
本帖最后由 Re:p.eater 于 2019-7-24 18:29 编辑

如何播放网易云音乐的mv

例如这一首新宝島サカナクション https://music.163.com/#/mv?id=480094 （刻进DNA的舞步）

(, 下载次数: 73)