WordPress响应式主题添加视频手机端不显示问题解决办法

随着移动互联网的发展,现在手机端的流量占比越来越大,响应式主题由于兼容PC和移动端以及部署方便等优点也被广大站长使用接受,不过由于电脑和手机系统兼容性的问题,很多用户遇到视频播放的问题:在网站添加的视频在电脑上可以正常播放,一到手机上就无法显示。

问题原因

电脑上一般都会安装flash控件,视频大多也是使用flash播放器来播放的,而手机端目前网页播放视频都是采用HTML5的视频标准来播放,是不支持flash的,所以添加的视频代码如果是基于flash来播放的话则在移动端就无法显示了。可见产生的原因其实和主题、wordpress本身是没有什么关系的。

解决办法

目前主流浏览器(Firefox、chrome、IE9+、360、QQ、Edge等)都是支持HTML5的视频播放能力,所以添加视频可以直接使用HTML5标准来,比如在wordpress后台直接上传MP4格式的视频点击插入文章即可。如果是第三方的视频,比如腾讯视频、优酷等,可以在获取代码的时候获取通用代码,通用代码会自动匹配客户端设备支持情况来兼容显示视频。

WordPress响应式主题添加视频手机端不显示问题解决办法

作者:小屋
链接:http://www.rumenwu.com/site/1020.html
来源:入门屋
入门屋著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。部分内容复制其他平台,如有侵权请联系删除。

(5)
打赏 支付宝打赏 支付宝打赏 微信打赏 微信打赏
上一篇 2018-10-12 18:51
下一篇 2018-11-01 11:58

相关推荐

  • 纯css实现移动端水平滚动导航

    目前最简单呈现效果最好的纯css实现移动端水平滚动导航解决方案。 <!DOCTYPE html> <html> <head lang=”en”> <meta charset=”UTF-8″> <title></title> <meta name=”viewport” content…

    2020-10-27
    1.2K0
  • 纯CSS3制作TAB选项卡

    这个CSS3 Tab样式已经写出来很久了,一直没有时间把它分享出来,也许网上还有其他很多这样子的代码,但没有一种是用到我说的:checked来做的,不管如何,多掌握一种方式对你也是有帮助的。 效果就如博客之前写过的一个Tab一样:有最新文章、热门文章和随机文章。 第一种::checked 首先像平常写HTML和CSS一样,不过要使用input的radio来做…

    2020-10-26
    9540
  • 政府网站标准及网页设计规范

    国务院办公厅关于印发政府网站发展指引的通知  国办发〔2017〕47号各省、自治区、直辖市人民政府,国务院各部委、各直属机构: 《政府网站发展指引》已经国务院同意,现印发给你们,请认真贯彻执行。 国务院办公厅 2017年5月15日 (此件公开发布) 政府网站发展指引为进一步加强政府网站管理,引领各级政府网站创新发展,深入推进互联网政务信息数据和便民…

    2020-11-08
    2.8K0
  • Typecho使用指南 – 主题&插件

    前言 自从买VPS,就一直研究还可以做些什么?于是,我想到自己搭建个博客,上网看看了,感觉Typecho,挺不错的。故写下此篇博客。 准备 Typecho 安装 下载Typecho压缩包,上传服务器wwwroot下,把所有文件解压出来。 进入数据库中,创建一个typecho的数据库。 在浏览器中访问您的域名将自动跳转到安装地址(记得要绑定域名),点击“我准备…

    2018-11-12
    6.5K0
  • WordPress 实现文章中远程(外链)图片自动本地化的方法[免插件]

    WordPress 文章中远程图片自动保存到本地服务器,最大的好处就是复制粘贴,方便对文章的转载复制。就现实中而言,并不是所有网站都会全部写原创内容或者想伪原创一下,有些好文章想转载,但是对方网站有可能对图片进了防盗链,而图文比较多的情况下,那么就相当麻烦,而此代码功能可有效的帮助你转载复制。 不过,无论载转与否,建议保留出处,这是对原作者的尊重,毕竟人家写…

    2022-04-30
    8100
  • WordPress网站HTTPS配置教程 WordPress如何启用HTTPS

    随着HTTPS的不断普及,越来越多的网站开启了HTTPS,给网站加上了小绿锁标识,作为全球知名的建站系统,WordPress对于HTTPS的兼容性是非常好的,几乎不用任何修改,只需要服务器配置好证书即可使用https链接访问。但是经常有用户反馈开启了以后地址栏没有绿色的锁(chrome浏览器),下面简单介绍下配置教程。 以下配置教程是基于已经在服务器配置好S…

    2018-04-15
    2.7K0