有许多朋友想要将MP4视频上传至腾讯视频,但很遗憾,腾讯视频的审核要求非常高,很难通过审核。
因此,他们只能将MP4视频上传至自己的服务器空间。
然而,使用WordPress和Z-Blog搭建网站的朋友们发现,MP4视频在网站和手机不正确,导致用户体验不佳。
这是因为使用WordPress和Z-Blog默认编辑器添加的视频代码无法根据屏幕自动调整。
为了解决这个问题,我们需要使用能够自动适应手机端网站的HTML代码来显示H5网页MP4视频。
以下是一段能够自适应手机端网站的H5网页MP4视频的HTML代码 ▼
<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); z-index: 1; transition-duration: 0ms;"> <video controls="controls" height="100%" id="video" width="100%"><source src="https://你的视频网址" type="video/mp4" /></video> <div class="swiper-slide-shadow-left" style="opacity: 0; transition-duration: 0ms;"> </div></div>
请将以上HTML代码中的红色部分改为”你的视频网址”
这样就能在HTML网页的手机端和网站页面上自动适应播放MP4视频了。