3DM Mod站视频插入方法(通用)
根据之前用户的反馈,现在已经将视频插入的功能添加上了,但由于时间关系,目前还不是特别的方便,但已经可以支持所有的视频了。年后会对这个功能进行更加人性化修改{:3_110:}
效果预览:https://mod.blacksheepgame.com/mod/64290
小莫在这里和大家说一下视频的插入方法:
首先,插入视频的代码是
<iframe height="720" width="1280" src="https://player.bilibili.com/player.html?aid=30394316" frameborder="no" allowfullscreen="true"> </iframe>
其中:
iframe 是视频标签
height 是高度
width是宽度
src 是视频地址
frameborder、allowfullscreen 是必备参数
(宽高我这边建议是w=1280;h=720)
在插入代码时,需要点击这里的“HTML”切换到源码模型
B站视频:
B站视频这边比较特殊,所以先和大家说一下,我们随便找到一个视频,拉到下面,鼠标放到“分享”上面,下面这有个嵌入代码,
我们将嵌入代码复制,会发现是这样的:
<iframe src="//player.bilibili.com/player.html?aid=30394316&cid=53032727&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
这种我们不能直接复制到我们的Mod站来,需要进行修改
添加 “宽” “高” 限制,在地址前面添加“https:”,然后删掉多余的一些参数
就是
<iframe height="720" width="1280" src="https://player.bilibili.com/player.html?aid=30394316" frameborder="no" allowfullscreen="true"> </iframe>
如果无法看到“分享”下面的“嵌入代码”
可以直接将B站的AV号替换到下面这段代码中也是可以的
<iframe height="720" width="1280" src="https://player.bilibili.com/player.html?aid=B站AV号" frameborder="no" allowfullscreen="true"> </iframe>
优酷视频:
优酷这边一样的,也是复制这里的通用码
复制出来是这样的:<iframe height=498 width=510 src='http://player.youku.com/embed/XNDAwMjkxMDM0MA==' frameborder=0 'allowfullscreen'></iframe>
由于我们的Mod站是https站点,不支持插入http的内容,所以需要在代码中的http后面加个“s”,然后为了美观,修改一下视频的宽高,修改好之后就是:
<iframe height="720" width="1280" src="https://player.youku.com/embed/XNDAwMjkxMDM0MA==" frameborder="0"></iframe>(这里引号是为了美观和代码规范所以加上的,如果大家觉得麻烦不想加的话也可以不用添加)
当然,一样的,如果无法找到嵌入代码的话,可以复制优酷视频链接ID后面的内容,
https://v.youku.com/v_show/id_XNDAwMjkxMDM0MA==.html?spm=a1z3jc.11711052.0.0&isextonly=1
然后替换下面这个位置:
<iframe height="720" width="1280" src="https://player.youku.com/embed/视频ID" frameborder="0"></iframe>
腾讯视频
腾讯视频这边一样可以在视频的下面找到通用码
复制出来是这样的:<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=a0306yk8fmt" allowFullScreen="true"></iframe>
我们一样需要给它添加一下宽高限制
然后就是:
<iframe height="720" width="1280" src="https://v.qq.com/txp/iframe/player.html?vid=a0306yk8fmt" frameborder="no" allowfullscreen="true"></iframe>(其实只需要添加【height="720" width="1280"】就行了)
当然,一样的,如果无法找到嵌入代码的话,可以复制腾讯视频链接中的唯一标识符,
https://v.qq.com/x/page/a0306yk8fmt.html
粘贴到下面的代码中:<iframe height="720" width="1280" src="https://v.qq.com/txp/iframe/player.html?vid=唯一标识符" frameborder="no" allowfullscreen="true"></iframe>
插入YouTube视频
YouTube这边我们国内的玩家大部分是无法看到插入的效果的,但不排除有部分朋友可以,所有这里也介绍一下打开一个YouTube视频,
我们直接对着视频右键,就可以看到“复制嵌入代码”的选项,
复制出来是这样的:
<iframe width="1280" height="720" src="https://www.youtube.com/embed/QcySV8ZKFGg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
我们只需要修改一下宽高就行了,剩下的我们的编辑器会自动修改成这个样子:<iframe height="720" width="1280" src="https://www.youtube.com/embed/QcySV8ZKFGg" frameborder="0" allowfullscreen=""></iframe>
插入其他视频
其他视频的视频网站一般都会给出一个通用码,来方便大家插入到其他网站中,
无论是哪个网站的通用码,我们都需要修改或添加它的“宽高”,也就是
height="720" width="1280"
然后就是需要将“http”改成“https”,这个也是必须的
大家可以套下面这个通用的代码:
<iframe height="720" width="1280" src="视频地址" frameborder="no" allowfullscreen="true"> </iframe>
只需要将复制的通用嵌入代码中的src替换进去就可以了
支持一下! 666666666666666666666 感谢楼主的分享
页:
[1]