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

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

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

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

    倒计时跳转URL

    倒计时跳转URL

    倒计时跳转URL 是一种常见的网页交互技术,它允许网页在设定的时间结束后自动导航至另一个预设的URL地址。这种技术常见于网页广告展示、用户操作提示、页面过渡等待等情况。开发步骤1、初始化HTML基础框架使用!DOCTYPE html声明文档类型,并通过html:5的快捷代码创建HTML5的基础结,然...

    今天吃什么

    今天吃什么

    "今天吃什么"是一款极具趣味性的在线餐饮决策助手,旨在为面对琳琅满目美食选项而犹豫不决的用户,提供轻松愉快的随机推荐体验。该产品以简洁明快的网页界面呈现,只需轻点鼠标,即可在瞬间为用户揭晓今日餐单,让日常饮食选择变得简单又充满惊喜。所运用的知识点1、使用document.quer...

    固定导航(粘性导航、吸顶导航)

    固定导航,又称粘性导航或吸顶导航,是指网站中的主导航栏在用户滚动页面时,当导航栏到达屏幕顶部或者某个高度时,会自动固定在浏览器窗口的顶部位置,不再随页面内容一起滚动。目的实现固定导航(粘性导航)功能运用到的知识点1、滚动事件监听:使用window.addEventListener('scro...

    团队介绍模块制作

    团队介绍模块制作

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

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

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

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

    zblog搭建微信小程序

    zblog搭建微信小程序

    本教程适用于《zblog微信小程序1.1.8》版本。zblog微信小程序是基于zblog后端进行搭建的小程序,依赖zblog微信小程序插件,使用前请在应用商店下载安装zblog微信小程序插件。准备工作:1、确保自己的域名有正常开启https;2、自己的zblog网站后台有正常安装下载《zblog微信...