¶ 插入视频
进行视频插入时建议另起一行
想要在页面中嵌入视频需要在编辑模式下设置 页面属性，在 脚本 一栏里添加脚本代码。
在编辑模式下脚本不会生效，保存后回到页面即可生效
页面脚本位置：
¶ 嵌入多媒体资源管理里的视频文件
如果直接在多媒体资源管理中选择视频文件插入生成的将会是一个文件链接，点击链接后跳转播放。
在编辑内容输入 &video& + 视频文件地址路径 即可在页面中嵌入视频。
使用示例：
&video&/流动化学视频号发布版本_mini.mp4
一般情况下使用的页面脚本代码：
<script>
window.onload=function(){
let doms = document.getElementsByTagName('p')
for(let x1=0;x1<doms.length;x1++){
//视频组件渲染
if(doms[x1].innerText.indexOf('&video&')!==-1){
let item_video = document.createElement('video')
item_video.src = doms[x1].innerText.substr(7,doms[x1].innerText.length)
item_video.controls = true
item_video.style.maxWidth = "100%";
doms[x1].innerText = ''
doms[x1].appendChild(item_video)
}
}
}
</script>
同页面有其他较大多媒体资源存在，多媒体资源加载导致脚本生效延后的情况使用的页面脚本代码：
<script>
document.addEventListener('DOMContentLoaded', function () {
const observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
let doms = document.getElementsByTagName('p');
if (doms.length > 0) {
observer.disconnect();
for (let x1 = 0; x1 < doms.length; x1++) {
if (doms[x1].innerText.indexOf('&video&') !== -1) {
let item_video = document.createElement('video');
item_video.src = doms[x1].innerText.substr(7, doms[x1].innerText.length);
item_video.controls = true;
item_video.style.maxWidth = "100%";
doms[x1].innerText = '';
doms[x1].appendChild(item_video);
}
}
}
});
});
const config = { childList: true, subtree: true };
observer.observe(document.body, config);
});
</script>
¶ 嵌入bilibili视频
1. 首先进入到要bilibili视频的页面
2. 将鼠标悬浮在分享按钮上展开选项，选择 "嵌入代码" 复制嵌入代码
bilibili嵌入代码位置：
3. 在编辑内容中输入 &bilibili& + 嵌入代码 中 src双引号内的部分 即可在页面中嵌入bilibili的视频
bilibili嵌入代码示例：
<iframe src="//player.bilibili.com/player.html?aid=990921289&bvid=BV1Gx4y1772s&cid=981757627&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
嵌入代码取出部分：
//player.bilibili.com/player.html?aid=990921289&bvid=BV1Gx4y1772s&cid=981757627&page=1
使用示例：
&bilibili&//player.bilibili.com/player.html?aid=990921289&bvid=BV1Gx4y1772s&cid=981757627&page=1
一般情况下使用的页面脚本代码：
<script>
window.onload=function(){
let doms = document.getElementsByTagName('p')
for(let x1=0;x1<doms.length;x1++){
if(doms[x1].innerText.indexOf('&bilibili&')!==-1){
let item_iframe = document.createElement('iframe')
item_iframe.src = doms[x1].innerText.substr(10,doms[x1].innerText.length)
item_iframe.scrolling = "no"
item_iframe.border = "0"
item_iframe.frameborder = "no"
item_iframe.framespacing = "0"
item_iframe.allowfullscreen = "true"
item_iframe.width = "100%"
item_iframe.allowfullscreen
item_iframe.height = "768px"
doms[x1].innerText = ''
doms[x1].appendChild(item_iframe)
}
}
}
</script>
同页面有其他较大多媒体资源存在，多媒体资源加载导致脚本生效延后的情况使用的页面脚本代码：
<script>
document.addEventListener('DOMContentLoaded', function () {
const observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
let doms = document.getElementsByTagName('p');
if (doms.length > 0) {
observer.disconnect();
for (let x1 = 0; x1 < doms.length; x1++) {
if (doms[x1].innerText.indexOf('&bilibili&') !== -1) {
let item_iframe = document.createElement('iframe')
item_iframe.src = doms[x1].innerText.substr(10,doms[x1].innerText.length)
item_iframe.scrolling = "no"
item_iframe.border = "0"
item_iframe.frameborder = "no"
item_iframe.framespacing = "0"
item_iframe.allowfullscreen = "true"
item_iframe.width = "100%"
item_iframe.allowfullscreen
item_iframe.height = "768px"
doms[x1].innerText = ''
doms[x1].appendChild(item_iframe)
}
}
}
});
});
const config = { childList: true, subtree: true };
observer.observe(document.body, config);
});
</script>
¶ 嵌入视频没生成播放器或迟滞生成情况解决办法
1. 因同页面有其他较大多媒体资源（静态图片、gif图片等）加载导致播放器生成迟滞的
使用上述用于解决该种情况的页面脚本代码。
是否为该种情况的检查方法：
1.浏览器按F12打开控制台
2.选择Networdk视图
3.目标页面Ctrl + F5刷新
4.观察是否有多媒体资源加载时间过长且播放器是在该多媒体资源加载完成后生成
2. 因序列化标签或其他层级结构、或嵌套结构导致嵌入代码没被成功识别
在嵌入代码上下各空一行
如果在markdown模式下嵌入代码在某个结构中变色（被识别成其他标识标签）就在嵌入代码前加或减空格