Hogyan alkalmazkodik a H5 weboldal MP4 az oldalhoz?A mobil weboldal videó html kódot játszik le

a videó marketing az网络 营销készült:

• sokWebes promócióA gyakorlók gyakran használnak videót a "Vírusmarketing"Jönvízelvezetésa mennyiség.
• HaWechat marketingVideómarketinggel kombinálva tovább fejleszthetőúj médiaés társadalmiáramszolgáltató的SzövegírásKonverziós arány.

Sok barátja van, aki szeretne MP4 videókat feltölteni a Tencent Video-ra. Ki tudja, hogy a Tencent Video felülvizsgálata most nagyon nehéz, és nem sikerült átmennie a felülvizsgálaton!

Tehát csak az MP4 videót töltse fel a saját szerverterületére.

• Használata azonbanWordPress weboldalBarátom, az MP4 videó rossz helyen van a weboldalon és a mobiltelefonon, és a felhasználói élmény nem jó...
• Ennek az az oka, hogy a WordPress alapértelmezett szerkesztőjéből hozzáadott videókód nem lehet adaptív.

Megoldás:Használja a H5 weblap adaptív mobiltelefonos webhely MP4 videó oldalának html kódját.

Mobil weboldal MP4 videó html kód lejátszásához

A következő a H5 weboldal MP4 videója, az adaptív mobiltelefonos weboldal html kódja▼

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

• Kérjük, módosítsa a piros részt a fenti html kódban a következőre: "a videód URL-je”.
• Az MP5 videót adaptívan lejátszhatja a H4 weboldal és weboldal mobil terminálján.

HTML5 képadaptív kód, kattintson a következő linkre a megtekintéséhez ▼

🔗Weboldal HTML 5 kép adaptív képernyő img arányos méretezési méretű kód