当前位置:首页 > web实践 > 正文内容

如何在zblog网站引用第三方视频

唐朝1年前 (2024-12-18)web实践850

启用插件后,在文章编辑页面右侧栏中找到“添加 iframe 视频”按钮,点击后弹出对话框,在对话框中粘贴复制好的 iframe 代码,选择要展示的宽高比例、以及是否进行 HTML5 格式化,点击“插入”即可。如果无法预览视频,请到设置中添加对应的 CSP 域名。

展示宽高比例是指 iframe 的宽高比,而非视频的宽高比,因为有的视频网站的播放器中控制条覆盖在视频上面,控制条本身并不占据 iframe 的高度(比如优酷),此时 iframe 展示的宽高比就等于视频本身的宽高比,而有的网站的播放器控制条单独占有高度(比如哔哩哔哩),那么 iframe 展示的比例就不等于视频的比例。

一般来说,对于哔哩哔哩,推荐 4:3 比例;对于优酷,根据视频的宽高比来确定比例;其他网站以此类推。实在不懂的选 4:3 就行。

支持平台:

bilibili、youtube.com、qq、iqiyi.com、youku、sohu.com和acfun

插件名称:

iframe嵌入视频优化

插件下载:

IframeVO_1.4.1_2024-12-18.zba

什么是iframe代码?

image.png

效果演示:


    文档如有描述不清楚、错误或者过时的地方,欢迎留言指出。

    文档、教程内容会不定时更新,转载请标明原帖链接,以免让过时的教程流入网络。

    分享给朋友:

    “如何在zblog网站引用第三方视频” 的相关文章

    99乘法表梯形

    99乘法表梯形

    在html用js输出99乘法表,并对9乘法表的样式进行美化。一、js输出99乘法表1、初始化HTML基础框架使用!DOCTYPE html声明文档类型,并通过html:5的快捷代码创建HTML5的基础结构:<!DOCTYPE html> <html lang=...

    消失的留言

    知识点总结:1、掌握延时函数的使用 2、掌握JavaScript控制css属性的方法。功能介绍:每隔一秒显示一句话。操作步骤1、初始化HTML基础框架使用!DOCTYPE html声明文档类型,并通过html:5的快捷代码创建HTML5的基础结,然后设置语言和标题。<!DOCTYPE ...

    动态数据管理

    动态数据管理

    一个可定制的动态文本输入列表管理功能,主要用于Web应用程序中,允许用户按需添加和操作多个文本输入项。通过此功能,用户可以根据实际需求灵活地增加、删除和重新排序多个文本输入项,极大地提高了交互性和定制性。1、构造HTML结构使用!DOCTYPE html声明文档类型,并通过html:5的快捷代码创建...

    团队介绍模块制作

    团队介绍模块制作

    以结构化、直观的方式展示团队成员的基本信息,包括头像、姓名、职务及简要工作经历等。后续可以通过设置链接,用户可以方便地访问成员的详细资料,增强了页面的信息传递效率和交互性。同时,模块设计兼顾了响应式布局,确保在各类设备上的良好用户体验。一、构造HTML结构使用!DOCTYPE html声明文档类型,...

    后台地址与找回密码

    网站默认后台地址:域名/zb_system/login.php如何修改后台地址在应用中心下载并安装插件《后台快捷方式》,即可自定义后台地址。下次访问的时候直接使用自己的自定义地址即可找回密码下载重置文件《https://update.zblogcn.com/tools/nologin.zip》,解压...

    h5网站添加统计代码

    1、进入百度统计官方网站 https://tongji.baidu.com/2、登录账户3、在控制面板界面,点击《使用配置》4、在《使用配置》左侧导航的《网站列表》界面,点击《添加站点》5、输入以下信息网站域名: 格式 b9b31053.idc.wod.xyz网站首页:格式&nb...