Как H5 уеб страницата MP4 се адаптира към страницата? Мобилният уебсайт възпроизвежда видео html код

видео маркетингът е网络 营销направен от:

• многоУеб промоцияПрактиците често използват видео, за да комбинират "Вирусен маркетинг"Идвамдренажсумата.
• АкоWeChat маркетингВ комбинация с видео маркетинг, това може да се подобри допълнителнонова медияи социалниЕлектричество доставчикаотКопирайтингКоефициент на преобразуване.

Има много приятели, които искат да качват MP4 видеоклипове в Tencent Video. Кой знае, че прегледът на Tencent Video е много труден и не успя да премине прегледа!

Така че, качвайте само MP4 видеоклипа в собственото си сървърно пространство.

• Въпреки това, използвайкиWordPress уебсайтПриятелю, MP4 видеото е изгубено на уебсайта и на мобилния телефон и потребителското изживяване не е добро...
• Това е така, защото видео кодът, добавен от редактора по подразбиране на WordPress, не може да бъде адаптивен.

Решение:Използвайте html кода на MP5 видео страницата на уебсайта за адаптивен мобилен телефон H4 webpage.

Мобилен уебсайт за възпроизвеждане на MP4 видео html код

Следното е MP5 видеото на уеб страницата H4, 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 пропорционално мащабиране размер код