How does H5 webpage MP4 adapt to the page? Mobile website plays video html code

video marketing isInternet marketingmade of:

• a lot ofWeb PromotionPractitioners often use video to combine "Viral marketing"Comedrainagethe amount.
• IfWechat marketingCombined with video marketing, it can further improvenew mediaand socialE-commerceOfCopywritingConversion rate.

There are many friends who want to upload MP4 videos to Tencent Video. Who knows that Tencent Video's review is very difficult now, and it has been unable to pass the review!

So, only upload the MP4 video to your own server space.

• However, usingWordPress websiteMy friend, the MP4 video is misplaced on the website and on the mobile phone, and the user experience is not good...
• This is because the video code added from the WordPress default editor cannot be adaptive.

Solution:Use the html code of the MP5 video page of the H4 webpage adaptive mobile phone website.

Mobile website to play MP4 video html code

The following is the MP5 video of the H4 webpage, the html code of the adaptive mobile phone website page▼

<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>

• Please modify the red part in the above html code to "your video url. "
• You can play MP5 video adaptively on the mobile terminal of H4 webpage and website page.

HTML5 image adaptive code, please click the following link to view ▼

🔗Webpage HTML 5 picture adaptive screen img proportional scaling size code