Како да ја прилагодите веб-страницата H5 MP4 на страницата? Мобилната веб-страница репродуцира видео HTML код

Видео маркетинг еИнтернет маркетингДел:

• многуВеб промоцијаПрактичарите често користат видео за да комбинираат „Вирусен маркетинг”来одводнувањеквантитет.
• АкоWechat маркетингВо комбинација со видео маркетинг, може дополнително да се подобринови медиумии социјалниЕ-трговијаодпишување копииСтапка на конверзија.

Многу пријатели сакаат да поставуваат MP4 видеа на Tencent Video. Кој знае дека прегледот на Tencent Video е многу тежок сега и тие не можеа да ја поминат рецензијата!

Затоа, единствената опција е да го поставите видеото MP4 на вашиот сопствен серверски простор.

• Сепак, користејќиВеб-страница на WordPressПријатели, MP4 видеото е погрешно поставено на веб-страницата и мобилниот телефон, а корисничкото искуство не е добро...
• Ова е затоа што видео кодот додаден од стандардниот уредувач на WordPress не е приспособлив.

Решение:Користете ја веб-страницата H5 за да го прилагодите html-кодот на страницата со видео MP4 на веб-локацијата за мобилни телефони.

Мобилната веб-локација репродуцира MP4 видео html код

Следното е видеото на веб-страницата H5 MP4, html кодот на адаптивната мобилна веб-страница ▼

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

• Ве молиме изменете го црвениот дел во горниот HTML-код во „URL на вашето видео".
• Можете адаптивно да репродуцирате MP5 видеа на веб-страници H4 на мобилни телефони и страници на веб-локации.

HTML5 адаптивен код за слика, ве молиме кликнете на врската подолу за да го видите ▼

HTML 5 адаптивен екран за слика на сликата img пропорционален код за скалирање за веб-страница HTML XNUMX

Поради растечкиот развој на мобилниот интернет и популарноста на WeChat маркетингот, мобилните телефони станаа суштинска алатка во животот. За шаблони за градење веб-страници, се препорачува да се користи адаптивна тема на WordPress:

Ако WordPress…