MADFun

关于【鉴赏】栏目投稿与教程

技术教程, 研究所 蕾姆 - 1

贴贴ACG站点 鉴赏栏目已经设立已久了,当初设置的目的主要为了大家与小伙伴们分享自己喜欢的MAD.AMV作品,但后来由于自建云视频储存的成本过高就搁置了

考虑到大家主要了解MAD与AMV的主要途径为BiLiBiLi所以想着直接引用BiLiBiLi视频源为大家提供鉴赏支持

暂时只支持引用BiLiBiLi视频,其他视频平台暂时不不支持哦,可以下载后转投到BiLiBiLi然后再引用,相应的此教程不仅仅可以在【鉴赏】栏目使用,正常发布文章也可以依据此方法引用BiLiBiLi的视频到文章页

教程

  1. 首先复制下列代码  要复制全部div内容哦 

<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="分享代码写在这里" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>
</div>

第二步

大家都知道B站的视频是支持嵌入代码的,首先点击分享,选择复制嵌入代码选项

然后会得到一段类似这样的代码

<iframe src="//player.bilibili.com/player.html?aid=86284992&bvid=BV1v7411W78x&cid=147542734&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

我们只需要复制上面代码里这段标红的即可,每个视频都有一段单独的代码,复制自己所需视频的即可

<iframe src="//player.bilibili.com/player.html?aid=86284992&bvid=BV1v7411W78x&cid=147542734&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

第三步

我们复制了最上面的代码还有嵌入代码之后怎么插入贴贴的文章页面呢

首先我们点击投稿页面的工具选择插入源代码

将我们第一步复制的代码粘贴到源代码页面,把代码中的文字部分替换成B站视频嵌入代码中的标红部分即可自动引用B站视频啦 记住仅复制替换标红部分代码即可,其他不用动

成功投稿后可查看效果

  • 本作品是由 MADFun 会员 蕾姆 的投递作品。
  • 欢迎转载,但请务必注明来源地址:https://www.madscz.com/12528/
  • 如资源链接失效,请点击上方稿件投诉,或者私信资源发布者处理。
MAD💝ACG