网页MP4如何自适应页面?网站播放视频html代码

许多朋友想要将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>&nbsp;
<div class="swiper-slide-shadow-left" style="opacity: 0; transition-duration: 0ms;">&nbsp;</div></div>

请将以上HTML代码中的红色部分改为”你的视频网址”这样就能在HTML网页的手机端和网站页面上自动适应播放MP4视频了。