腐漫控

 找回密码
 注册入坑
查看: 6428|回复: 12
收起左侧

[教程分享] 如何给帖子加上音乐或者游戏等站外元素 [版主ONLY]

[复制链接]
发表于 2019-6-15 21:24:31 | 显示全部楼层 |阅读模式

马上入坑,加入腐漫控,海量腐漫资源等你下载!

您需要 登录 才可以下载或查看,没有帐号?注册入坑

x
本帖最后由 尘烟染暮雪 于 2019-7-25 22:14 编辑

本来以前只能在帖子里添加外链的flash文件(参见https://www.fumankong.com/forum.php?mod=viewthread&tid=73134

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

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

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

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

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

  QQ截图20190615205640.jpg



如何添加网易云音乐播放器 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


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

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

评分

参与人数 4威望 +36 FM币 +26 贡献 +26 收起 理由
苏浅沫 + 6 + 6 + 6 复读机哥哥真棒
离人·殇 + 10 + 10 + 10 复读机真的很厉害~可惜我用不了这么多…….
犯困 + 10 牛啤
玥君 + 10 + 10 + 10 优秀资源,再接再厉!

查看全部评分

本楼点评(0) 收起
完成《新手任务》快速升级,查看《新手宝典》玩转论坛,访问推广快速得币。 G盘帅哥电影免费观看 腹肌控结实帅哥身材欣赏
 楼主| 发表于 2019-6-15 21:30:35 | 显示全部楼层
本帖最后由 Re:p.eater 于 2019-6-15 22:37 编辑

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

1.从网页端登录你的网易云音乐,并点开一个你自己的创建的歌单(他人的歌单无法创建),点击生成外链播放器
QQ图片20190615210117.jpg
   
2.在选择播放器的外观规格之后,复制底部框框中的代码到你的帖子中保存即可

QQ截图20190615210843.jpg

示例:(由于young and beautiful有bug,我给换了首歌2333) QQ截图20190615211159.jpg
本楼点评(0) 收起
完成《新手任务》快速升级,查看《新手宝典》玩转论坛,访问推广快速得币。 G盘帅哥电影免费观看 腹肌控结实帅哥身材欣赏
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-6-15 21:47:18 | 显示全部楼层
本帖最后由 Re:p.eater 于 2019-6-15 21:51 编辑

如何添加html游戏 示例:
https://www.html5tricks.com/demo ... ard-game/index.html
这个网页中是考验记忆力的一个相同图案消除的小游戏
QQ截图20190615213953.jpg
复制下面这段代码,把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
本楼点评(0) 收起
完成《新手任务》快速升级,查看《新手宝典》玩转论坛,访问推广快速得币。 G盘帅哥电影免费观看 腹肌控结实帅哥身材欣赏
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-6-15 21:56:04 | 显示全部楼层
本帖最后由 Re:p.eater 于 2019-6-15 22:35 编辑

如何添加在线的有地址的(可下载)的mp4 ogg等格式视频
例如这段惊奇队长的预告片 QQ截图20190615215651.jpg
复制下面这段代码,把src=" " 中的内容替换成视频地址
<video src="http://vfx.mtime.cn/Video/2019/02/04/mp4/190204084208765161.mp4" controls="controls">
您的浏览器不支持 video 标签。
</video>





本楼点评(0) 收起
完成《新手任务》快速升级,查看《新手宝典》玩转论坛,访问推广快速得币。 G盘帅哥电影免费观看 腹肌控结实帅哥身材欣赏
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-6-15 22:05:15 | 显示全部楼层
本帖最后由 Re:p.eater 于 2019-6-15 22:34 编辑

如何播放bilibili视频
例如这一个蔡徐坤的鬼畜视频 https://www.bilibili.com/video/av51442604 QQ截图20190615220415.jpg  <div>电脑网页端进入视频页面后,在播放器下面找到分享按钮 复制链接 111.jpg
 
也可以复制下面这段代码,替换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的播放器是自适应大小的哦)(但是好像弹幕的大小不能设置)

点评

你太强了哈哈哈哈哈哈哈  发表于 2019-6-15 23:23
本楼点评(0) 收起
完成《新手任务》快速升级,查看《新手宝典》玩转论坛,访问推广快速得币。 G盘帅哥电影免费观看 腹肌控结实帅哥身材欣赏
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-6-15 22:40:42 | 显示全部楼层
本帖最后由 Re:p.eater 于 2019-7-24 18:29 编辑

如何播放网易云音乐的mv

例如这一首 新宝島サカナクション https://music.163.com/#/mv?id=480094 (刻进DNA的舞步)
QQ截图20190615223850.jpg

电脑网页端进入mv地址
使用在线视频地址破解插件查出mv的地址
比如 FVD downloader (只能chrome系浏览器使用) QQ截图20190615223929.jpg
点击download获取下载地址
在弹出的下载窗口获得mv的真实地址 111.png
这样就可以类似在线mp4视频操作啦
 
(经测试发现网易云的地址是动态生成的,有一定的时间后会失效)

同理QQ音乐mv

(暂时还未失效)
(记得设置宽度和高度哦)
本楼点评(0) 收起
完成《新手任务》快速升级,查看《新手宝典》玩转论坛,访问推广快速得币。 G盘帅哥电影免费观看 腹肌控结实帅哥身材欣赏
回复 支持 反对

使用道具 举报

发表于 2019-6-15 23:30:50 | 显示全部楼层
复读机upup
本楼点评(0) 收起
完成《新手任务》快速升级,查看《新手宝典》玩转论坛,访问推广快速得币。 G盘帅哥电影免费观看 腹肌控结实帅哥身材欣赏
回复 支持 反对

使用道具 举报

发表于 2019-6-23 02:14:00 | 显示全部楼层 来自安卓客户端来自安卓客户端
本楼点评(0) 收起
完成《新手任务》快速升级,查看《新手宝典》玩转论坛,访问推广快速得币。 G盘帅哥电影免费观看 腹肌控结实帅哥身材欣赏
回复 支持 反对

使用道具 举报

发表于 2020-9-27 12:30:00 | 显示全部楼层
感谢楼主分享
本楼点评(0) 收起
完成《新手任务》快速升级,查看《新手宝典》玩转论坛,访问推广快速得币。 G盘帅哥电影免费观看 腹肌控结实帅哥身材欣赏
回复 支持 反对

使用道具 举报

发表于 2023-11-6 13:51:06 | 显示全部楼层
学习了,谢谢分享
本楼点评(0) 收起
完成《新手任务》快速升级,查看《新手宝典》玩转论坛,访问推广快速得币。 G盘帅哥电影免费观看 腹肌控结实帅哥身材欣赏
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册入坑

本版积分规则

禁言标准|常见问题|找回密码|小黑屋|申精贴|手机版|腐漫控

GMT+8, 2024-3-29 22:32 , Processed in 0.093835 second(s), 71 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表