HTML网页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视频了。

给TA打赏
共{{data.count}}人
人已打赏

相关文章

教程

解决Win10系统桌面图标闪烁的问题

2023-6-26 19:05:20

教程

教你新网站,新域名让百度快速收录 www.yxxzt.com

2023-7-17 19:43:34

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索