视频营销是网络营销的组成部分:
有不少朋友想将MP4视频上传到腾讯视频,谁知道现在腾讯视频的审核难度非常大,一直无法通过审核!
所以,只有将MP4视频上传到自己的服务器空间了。
- 但是,使用WordPress建站的朋友,MP4视频在网站和手机端错位了,用户体验不好……
- 这是因为从WordPress默认编辑器的添加的视频代码无法自适应。
解决方法:使用H5网页自适应手机端网站MP4视频页面的html代码。
手机端网站播放 MP4 视频 html 代码
以下是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 width="100%" height="100%" id="video" controls="controls"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span> <source src="https:// 你的视频网址" type="video/mp4" /></video><br />
<div class="swiper-slide-shadow-left" style="opacity: 0; transition-duration: 0ms;"></div>
</div>
- 请将修改以上html代码里的红字部分,修改为“你的视频网址”。
- 就能在H5网页手机端、网站页面自适应播放MP4视频了。
html5图片自适应代码,请点击以下链接查看 ▼
希望陈沩亮博客( https://www.chenweiliang.com/ ) 分享的《H5网页MP4如何自适应页面?手机端网站播放视频html代码》,对您有帮助。
欢迎分享本文链接:https://www.chenweiliang.com/cwl-1059.html
喜欢就分享和按赞!您的分享和按赞,是我们持续的动力!