利用编辑器源码功能给文章添加视频的方法|其它cms通用|

tengxunyun cera

首先是在虚拟主机或云服务器添加mp4格式视频的mime类型,,虚拟主机点开管理就能看到,windows服务器则在iis上操作,需要注意的是文件扩展名是.mp4时mime类型为application/octet-stream,如下图:

只有添加了视频格式对应的mime类型视频才能正常播放。

发布文章时编辑了文字和图片遇到要插入视频的地方,点击编辑器左上角的源码

此时编辑器里的所有东西都会成为源代码,找到需要插入视频的地方写入

  1. <video controls=“controls” src=“视频地址”></video>

再次点击源码视频就出来了,pc前台预览没有问题,但在移动端就有问题了,安卓上是一片白加一个控制器

ios上则只有一个三角形播放按钮,这就很难看了,此时就需要video标签的poster属性了,poster通俗的理解就是视频封面图加上了poster移动端是没问题,但是在pc端封面图在视频里是居中的,两边空出来很多,如何让封面图充满视频呢,这就需要给video标签写样式了:

  1. object-fit: fill; 

这个不常用,它的意思是video铺满父元素。

除此之外视频一般不会加在文章开头,如果是在文中可以用预加载属性preload=”auto”,它的作用就是页面加载的时候就加载视频,当读者读到视频位置时点播放视频就会很流畅了。

我的博客视频最大宽是770px,网页宽度小于1140px时我需要视频居中,视频跟图片一样,都需要写display:block;然后再写margin:auto;才可居中,所以一个响应式网站的视频样式应具备以下几点:

  1. video {
  2.     width100%;
  3.     height100%;
  4.     max-width770px;
  5.     object-fit: fill;
  6.     displayblock;
  7.     marginauto;
  8. }

,不会存在任何兼容性问题,video的其它两个属性比如autoplay和loop一般不需要用,所以添加一条常规的视频,代码应该是这样的

  1. <video controls=“controls” poster=“封面图片地址” preload=“auto” src=“视频地址”></video>

属性要加在视频地址的前面。

cera aliyun tengxunyun cloudiplc

相关推荐

利用.htaccess 修改 Emlog 后台登录路径的方法

Emlog 后台登录地址的目录名称默认为 admin,并且官方没有提供自定义后台登录入口名字的功能,这多少让我们觉得有些不安全,毕竟暴露一个网站的后台不是一件安全的事。 最近总是被各种扫描,还有被安全狗咬到自己。。 本来想 一个小博客不改也罢,谁知道经常被扫。于是还是修改下后台目录的路径吧。 虽然官方说不能修改,但是暴露自己的后台也是为不好。今天就给您说下修改方法,增加一下网站的安全性。 不想修改 emlog 内核就要利用.htaccess 来修改后台路径。 1、在网站根目录下创建一个新的目录,如“lmdmin”。(可随意修改目录名字) 2、在您的新目录“lmdmin”中创建一个 index.php 文件,文件的内容如下: 3、然后,在.htaccess 文件中添加以下规则: RewriteEngine On RewriteCond %{REQUEST_URI} ^/admin RewriteCond %{HTTP_COOKIE} !EmlogAdminSession=1234567890 RewriteRule .* – [L,F] cookie 代码“1234567890”也是可以自己设置替换的。 ) 现在,你输入你网站原来后台网址就会跳到错误页面。 但是你只要输入以下地址:http://你的域名/lmadmin/,页面即会跳转到原来的管理地址,在页面 cookie 到期前,你都可以正常访问你的后台地址(原地址)。 现在,别人就不可以直接访问你的真正的后台管理地址,这对 Emlog 安全性来说是十分实用的功能。因为要访问真正的后台地址,必须先要知道你设置的新路径。

CentOS 7|Debian 9|启用原生Google BBR|方法|实现TCP加速

一)更新CentOS 7内核为支持BBR的内核 1、查看Centos内核 uname -r 2、如果低于4.10,则更新内核 rpm –import https://www.elrepo.org/RPM-GPG-KEY-elrepo.org rpm -Uvh http://www.elrepo.org/elrepo-release-7.0-2.el7.elrepo.noarch.rpm yum –enablerepo=elrepo-kernel install kernel-ml -y 3、安装完成后,查看已安装的内核: rpm -qa | grep kernel 如果看到 kernel-ml-5.3.5-1.el7.elrepo.x86_64 字样的,即是成功。 4、更新开机启动 egrep ^menuentry /etc/grub2.cfg | cut -f 2 -d \’ 会看到类似这样的 CentOS Linux (5.3.5-1.el7.elrepo.x86_64) 7 (Core) CentOS Linux (3.10.0-957.1.3.el7.x86_64) 7 (Core) CentOS Linux (0-rescue-96820b9851c24560b5f942f2496b9aeb) 7 (Core) 设置CentOS Linux (5.3.5-1.el7.elrepo.x86_64) …

国内利用Gitee|加速访问GitHub仓库|完全免费

我们在开发和#部署#项目的时候,经常需要从GitHub上Pull一些开源的项目啥的!国外的#服务器#还好,但是国内的服务器就比较苦恼了!要不就是#无法访问#,要不就是速度超级慢! 比如昨天我想给#vim#工具安装一下#golang#的插件!看看这clone的速度!     于是乎我就想起来了Gitee!利用它为GitHub仓库加速一下!加速后的效果~ 还是非常不错啦! PS:由于是新建的仓库第一次访问,后来再访问速度更快了!     关于Gitee OSCHINA 推出的#代码#托管·协作开发平台,开发者超过 500 万,托管项目超过 1000 万,汇聚几乎所有本土原创开源项目,并于 2016 年推出企业版,提供企业级代码托管服务,成为开发领域领先的 SaaS 服务提供商。 支持 #Git# / SVN,个人版免费#5G#仓库容量。 操作流程 1)登陆#Gitee#账号,然后新建仓库 – 【 从 GitHub / GitLab 导入仓库】或者【点击这里】 2)填写要导入的项目即可(如果之前有人导入过该仓库,可以直接复用他的仓库即可)。   3)然后就可以使用Gitee仓库了!   其他说明 Gitee支持WebIDE。 可手动从GitHub更新仓库内容。 同步的仓库不仅仅是#代码#,还有提交记录,分支,#标签#等,全部复制过来。 本文借鉴:如有

CentOS 7|Debian 9启用原生Google BBR的方法|实现TCP加速

  CentOS 7/Debian 9等新内核均已自带BBR,直接启用,安全。 一、CentOS 7启用原生Google BBR (一)更新CentOS 7内核为支持BBR的内核 1、查看Centos内核 uname -r 2、如果低于4.10,则更新内核 rpm –import https://www.elrepo.org/RPM-GPG-KEY-elrepo.org rpm -Uvh http://www.elrepo.org/elrepo-release-7.0-2.el7.elrepo.noarch.rpm yum –enablerepo=elrepo-kernel install kernel-ml -y 3、安装完成后,查看已安装的内核: rpm -qa | grep kernel 如果看到 kernel-ml-5.3.5-1.el7.elrepo.x86_64 字样的,即是成功。 4、更新开机启动 egrep ^menuentry /etc/grub2.cfg | cut -f 2 -d \’ 会看到类似这样的 CentOS Linux (5.3.5-1.el7.elrepo.x86_64) 7 (Core) CentOS Linux (3.10.0-957.1.3.el7.x86_64) 7 (Core) CentOS Linux …

微信扫一扫,分享到朋友圈

利用编辑器源码功能给文章添加视频的方法|其它cms通用|