H5 veb səhifəsi MP4 səhifəyə necə uyğunlaşır?Mobil vebsayt video html kodunu oynayır

Video marketinq onlayn marketinqin bir hissəsidir :

• çoxluVeb TəbliğatPraktiklər tez-tez birləşdirmək üçün videodan istifadə edirlər "Viral marketinq"Gəldrenajmiqdar.
• ƏgərWechat marketinqiVideo marketinqlə birlikdə o, daha da təkmilləşə biləryeni mediavə sosialElektron ticarətOfKopiraytinqDönüşüm dərəcəsi.

Tencent Video-ya MP4 videoları yükləmək istəyən çoxlu dostlar var.Kim bilir ki, Tencent Video-nun nəzərdən keçirilməsi çox çətindir və baxışdan keçə bilməyib!

Beləliklə, yalnız MP4 videosunu öz server məkanınıza yükləyin.

• Bununla belə, istifadəWordPress saytıDostum, MP4 videosu saytda və mobil telefonda yersizdir və istifadəçi təcrübəsi yaxşı deyil...
• Bunun səbəbi, WordPress defolt redaktorundan əlavə edilmiş video kodun adaptiv ola bilməməsidir.

Həll yolu: MP4 video səhifəsinin HTML kodunu mobil cihazlara uyğunlaşdırmaq üçün H5 veb səhifələrindən istifadə edin.

MP4 videonu oxutmaq üçün mobil saytın html kodu

Aşağıdakı H5 veb səhifəsinin MP4 videosu, adaptiv mobil telefon veb səhifəsinin html kodudur▼

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

• Lütfən, yuxarıdakı html kodundakı qırmızı hissəni " olaraq dəyişdirin.videonuzun url".
• Siz H5 veb-səhifəsinin mobil terminalında və veb-sayt səhifəsində MP4 videonu uyğunlaşdıra bilərsiniz.

HTML5 şəkil adaptiv kodu, baxmaq üçün aşağıdakı linkə klikləyin ▼

🔗Veb-səhifə HTML 5 şəkil adaptiv ekranı img proporsional miqyaslama ölçüsü kodu