Paano umaangkop ang H5 webpage MP4 sa pahina? Nagpe-play ang mobile website ng video html code

video marketing aypagmemerkado gamit ang internetgawa sa:

• maramingPromosyon sa WebMadalas na ginagamit ng mga practitioner ang video para pagsamahin ang "Viral na marketing"Halikakanalang halaga.
• KungMarketing ng WeChatKasama ng video marketing, maaari pa itong mapabutibagong mediaat sosyalE-commerceNgPagsulat ng kopyaRate ng conversion.

Maraming mga kaibigan ang gustong mag-upload ng mga MP4 na video sa Tencent Video. Sino ang nakakaalam na ang pagsusuri ng Tencent Video ay napakahirap ngayon, at hindi ito nakapasa sa pagsusuri!

Kaya, i-upload lamang ang MP4 na video sa iyong sariling espasyo sa server.

• Gayunpaman, gamitWebsite ng WordPressAking kaibigan, ang MP4 video ay nailagay sa ibang lugar sa website at sa mobile phone, at ang karanasan ng gumagamit ay hindi maganda...
• Ito ay dahil ang video code na idinagdag mula sa WordPress default na editor ay hindi maaaring adaptive.

Solusyon:Gamitin ang html code ng MP5 video page ng H4 webpage adaptive mobile phone website.

Mobile website upang i-play ang MP4 video html code

Ang sumusunod ay ang MP5 na video ng H4 webpage, ang html code ng adaptive na pahina ng website ng mobile phone▼

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

• Mangyaring baguhin ang pulang bahagi sa itaas na html code sa "url ng iyong video".
• Maaari mong i-play ang MP5 na video nang adaptive sa mobile terminal ng H4 webpage at website page.

HTML5 image adaptive code, paki-click ang sumusunod na link upang tingnan ang ▼

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