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

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

唐朝2年前 (2024-12-18)web实践997

启用插件后,在文章编辑页面右侧栏中找到“添加 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网站引用第三方视频” 的相关文章

    用源码部署静态网站

    用源码部署静态网站

    一、下载材料包,材料包包含1、一个可以实现《m3u8推流播放》功能的静态页面。2、一个多余的js文件。用源码部署静态网站二、修复静态页面材料包里的静态页面有点小问题,问题包含1、没有正确的引用css+js文件,我们需要把script和link标签里的路径改成本地可访问的路径;2、样式不好友,需要进行...

    通过《通义灵码》生成想要的功能

    通过《通义灵码》生成想要的功能

    通义灵码(TONGYI Lingma)是一款强大的智能编码助手,能够帮助开发者在编写代码时提高效率和质量。要使用它来生成特定功能。我们来实现下下面的功能。功能:使用HTML5拖放API实现购物车拖放效果,如图所示:一、确认问题通义灵码目前是不支持发送图片的,我们需要把功能上没写,但图片上有的功能一并...

    虚拟主机安装zblog程序

    虚拟主机安装zblog程序

    本教程用于指导怎么通过虚拟主题全新安装一个zblogphp站点,数据库采用mysql。准备工作1、虚拟主机的程序语言是php,版本推荐选8.0以上版本,如没有8.0及其以上版本则选择当前最高的版本。2、虚拟主机有对应的mysql数据库信息。3、zblog的一键安装包。https://update.z...

    zblog的伪静态怎么开启

    zblog的伪静态怎么开启

    伪静态可以自定义URL,简洁明了的URL结构让用户更容易理解和记忆,提升了用户的浏览体验。本案例采用的是nginx环境。操作步骤如下:1、在应用中心找到《静态管理中心》插件并开启开启;2、点击《静态管理中心》的管理配置按钮;3、在《配置界面》的静态化选项-使用伪静态前必须确认主机是否支持处,选择伪静...

    EServer-HTML本地环境安装

    在进行Web静态代码开发时,最终目标是将项目部署到互联网上供用户访问。为了更好地模拟线上环境并确保项目的无缝迁移,这里我讲大家怎么使用本地开发环境。通过本地环境开发,可以确保项目在上传至服务器后能够直接运行,减少部署过程中可能出现的问题。安装步骤1、在资源里面下载本地环境安装包(EServer)2、...