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 ▼

HTML 5 image adaptive screen img proportional scaling code para sa webpage HTML XNUMX

Dahil sa masiglang pag-unlad ng mobile Internet at ang katanyagan ng WeChat marketing, ang mga mobile phone ay naging isang mahalagang kasangkapan sa buhay.Bilang template para sa pagbuo ng isang website, inirerekomendang gamitin ang adaptive na tema ng WordPress:

Kung WordPress...