【云速建站】视频播放专题

article/2025/6/10 0:29:46

【摘要】 本文将逐一演示云速建站支持的几种视频添加方式。

关于视频播放,首先要明确的是出于考虑网站访问用户体验的原因,云速建站上传的文件种类和大小是有限制的。且不支持视频直接上传到建站空间。

视频需要使用外部链接的方式添加。如添加优酷视频链接,华为云视频点播链接等。

视频外链添加两种方式:

1) 视频URL + 视频模块

在视频源网站找到该视频的URL链接地址,该链接地址必须以.mp4或者.flv结尾,将视频模块拖至页面上,在弹出设置窗口,将URL添加后保存,并预览即可见到效果。

2)包含视频的HTML代码 + 代码模块

拖动代码模块到页面,在弹出窗口粘贴代码,保存HTML源码即可预览效果

以下四例,演示当前云速建站支持的几种视频播放方式(效果预览请访问http://www.fallout5.club/video)

  • 华为云视频点播服务,这种方式无广告,且可自定义清晰度,大推荐!

  • 优酷视频,外链可能有60秒广告

  • youtube视频,海外播放

  • 全屏背景播放视频

第一例:采用华为云视频点播服务

华为云视频点播服务,这种方式无广告,且可自定义清晰度,需要开通视频点播服务

image.png

开通后上传视频,按需转码,(注意:用于页面效果展示的视频视频不要过大,例如通栏背景视频,5M以内为佳。如果是宣传材料视频,大小则不限制)转码后复制.mp4地址

image.png

在云速建站使用视频插件

image.png

image.png

第二例:采用优酷视频

优酷提供三种视频分享方式,我们使用前两种

image.png

1. 复制通用代码方式,使用云速建站代码插件添加视频(外链可能会有60秒广告)

image.png

image.png

注意:代码方式添加视频在站点开启https传输后将失效,需要在视频链接前修改,添加s

image.png

2. 复制flash代码方式,使用云速建站视频插件添加视频(外链可能会有60秒广告)

image.png

第三例:Youtube视频

youtube视频也支持多种分享方式

image.png

1. 复制视频地址方式,使用云速建站视频插件添加视频(海外播放)

!注意! youtube视频点击即播放,很难打开视频插件设置,在选取视频控件属性的时候鼠标尽量点击视频边缘

image.png

2. 复制embed代码方式,使用云速建站代码插件添加视频(海外播放)

image.png

image.png

第四例:全屏背景播放视频

①.拖出通栏插件,点击属性,可以勾选背景视频。通栏背景和内容背景均可设置视频,通栏背景视频的最大宽度是页面宽度,而内容背景视频的最大宽度是内容宽度。

Ps:当勾选了背景视频后,无法设置页脚元素和固定显示

image.png

②.勾选之后,输入视频地址,注意视频支持格式

自动播放:不勾选,视频将出现控件,需手动控制播放

循环播放:不勾选,视频只播放一次即自动停止

透明度:可以调整视频的透明度,并且可设置遮罩颜色

背景:设置通栏的背景,原本的设置项

image.png

下面设置一个通栏背景视频,并预览效果

image.png

预览效果,在网站页面中左右打满。

image.png

另一种内容背景播放模式

image.png

会根据视频大小播放剧中

image.png

最终效果预览请参考http://www.fallout5.club/video

 


http://chatgpt.dhexx.cn/article/O3QWGXDK.shtml

相关文章

【云速建站】模板的购买及使用

【摘要】 本章介绍模板的购买、使用以及注意事项 首先不用多说,我们需要登录云速建站控制台 1.1 关于模板 首先我们要明白一点:模板不是云建站的必须品。如果可以花几天时间专门用来熟悉后台编辑,完全可以不用模板自己做出一个比较不错…

【云速建站】域名配置指导

【摘要】 云速建站域名绑定演示,绑定时可能出现的常见问题,如域名打不开,403错误等 内容包括 【支持三种场景域名配置】【网站打不开?配置域名问题三步自检】【其他可能遇见的问题】【空主机记录域名配置】【企业版域名配置说明】…

【云速建站】几个基本概念和流程解释

【摘要】 本文对一些经常被问到的概念采用图文流程的方式解释,希望帮助云速建站的用户了解到一些常见疑问 内容包括:域名支持几种配置?模版安装是否会影响数据?云空间怎么访问?建站五合一指的什么?网站如何…

【华为云技术分享】快速搭建网站之云速建站

随着互联网的普及,目前已有85%的用户通过搜索引擎寻找产品或服务,越来越多的中小企业及个人意识到搭建网站,小程序等进行宣传,推广以及销售的重要性,如何低门槛快速搭建自己的网站成了众多中小企业和个人关心的重点&am…

mysql数据库培训感受_聊聊MySQL数据库的优点及特性

MySQL数据库应用极其广泛,由于MySQL数据库速度快、可靠性强,而且极具适应性,深得用户喜欢和认可。MySQL是管理内容的最好选择,尤其是对于在不需要事务化处理的情况下。有些人或许对MySQL并不是太熟悉,在这里&#xff0…

Mysql索引的优点、缺点、分类及使用方法

文章目录 一、前言二、优点三、缺点四、分类及创建方式1.功能上分类<1>普通索引<2>唯一索引<3>主键索引<4>全文索引<5>空间索引 2.物理实现上分类<1>聚簇索引<2>非聚簇索引【二级索引、辅助索引】<3>二者区别 3.字段个数上分类…

关闭端口命令,如何关闭电脑80端口

有很多用户都知道80端口是上网使用最多的协议&#xff0c;网页服务默认端口都是80&#xff0c;不过有一些木马专门针对80端口攻击计算机&#xff0c;为了保证电脑的安全&#xff0c;很多用户都会把80端口关闭&#xff0c;那么如何关闭80端口呢?下面&#xff0c;小编给大家用ii…

windows中使用命令查看端口和关闭端口进程

1.windowsr 输入cmd 打开命令提示符 2.输入 netstat -ano |findstr &#xff08;需要关闭的端口&#xff09; 3.输入taskkill /t /f /pid (根据端口得到的进程号)或 taskkill /pid 13324 -t -f

Mac如何关闭指定端口

命令很简单&#xff0c;但每次都记不住&#xff0c;都要去查。。。 背景就是项目运行过程中想重新打包&#xff0c;因为上一个进程没结束掉&#xff0c;导致原来的端口被占用掉了&#xff0c;打包提示我新开一个端口&#xff0c;但是我就是想要原来的端口&#xff08;主要是不…

如何禁用计算机开放的端口,关闭端口命令,教您如何关闭电脑80端口

有很多用户都知道80端口是上网使用最多的协议&#xff0c;网页服务默认端口都是80&#xff0c;不过有一些木马专门针对80端口攻击计算机&#xff0c;为了保证电脑的安全&#xff0c;很多用户都会把80端口关闭&#xff0c;那么如何关闭80端口呢?下面&#xff0c;小编给大家分享…

Windows 和 Linux 查看和关闭端口常用命令解析

1. Windows 常用命令 查看系统当前所有的端口使用情况 netstat -ano查看端口被哪个应用占用 netstat -ano|findstr "端口号"查看端口信息 tasklist|findstr "端口号"关闭端口 taskkill /pid "端口号" -t -f2. Linux 常用命令 Linux系统查看…

GSL中的IEEE浮点算术

IEEE浮点算术 本章描述用于检查浮点数表示和控制程序的浮点环境的函数。本章描述的函数声明在头文件gsl_ieee_utils.h中。 47.1 浮点数的表示 IEEE二进制浮点算法标准定义了单精度数和双精度数的二进制格式。每个数字由三部分组成&#xff1a;一个符号位(s)&#xff0c;一个指…

IEEE-754 64位双精度浮点数存储详解

IEEE-754双精度浮点数 IEEE二进制浮点数算术标准&#xff08;IEEE 754&#xff09;规定了四种表示浮点数值的方式&#xff1a;单精确度&#xff08;32位&#xff09;、双精确度&#xff08;64位&#xff09;、延伸单精确度&#xff08;43比特以上&#xff0c;很少使用&#xf…

CSAPP学习记录-IEEE浮点表示

使用二进制定点表示浮点数十分麻烦&#xff0c;且由于有些浮点数的二进制不能精确表示&#xff0c;只能添加小数位数不断近似&#xff0c;使得位数开销极大。20世纪70年代已经有一些计算机厂家推出了自己的浮点数表示标准&#xff0c;但并不统一&#xff0c;于是在1985年IEEE 7…

聊一聊 IEEE754 标准(里面涉及浮点数精度丢失问题)

一、什么是 IEEE754 标准 IEEE 二进制浮点数算术标准&#xff08;IEEE 754&#xff09;是 20 世纪 80 年代以来最广泛使用的浮点数运算标准&#xff0c;为许多 CPU 与浮点运算器所采用。IEEE754 标准提供了如何在计算机内存中&#xff0c;以二进制的方式存储十进制浮点数的具体…

【算法】解析IEEE 754 标准

目录结构&#xff1a; contents structure [-] 浮点数的存储过程 次正规数&#xff08;Denormalized Number&#xff09;零&#xff08;zero&#xff09;非数值&#xff08;NaN&#xff09;无穷大&#xff08;infinity&#xff09;除数为0.0会发生什么浮点数的范围浮点数的精度…

如何深刻理解IEEE浮点数的表示(IEEE floating-point representation)

引言 大家都知道&#xff0c;可以在计算机处理器直接运行的是由0,1构成的机器代码(machine code)&#xff0c;本文将介绍浮点数(floating-point number )在机器码中是如何被编码表示的。 整数(integer)是如何被编码的呢&#xff1f;小伙伴们应该听过补码&#xff0c;原码&…

【论文学习】7、ieee802.11ah中基于深度学习的载波频偏估计

摘要 基于ieee802.11标准的Wi-Fi系统是最流行的无线接口&#xff0c;它采用先听后讲&#xff08;LBT&#xff09;的方式进行信道接入。大多数基于LBT的系统的显著特征是&#xff0c;发射机使用在数据之前的前导码来允许接收机执行分组检测和载波频率偏移&#xff08;CFO&#…