Hoe past de H5-webpagina MP4 zich aan de pagina aan? Mobiele website speelt video-html-code af

videomarketing is网络 营销gemaakt van:

• Veel vanWebpromotieBeoefenaars gebruiken video vaak om te combineren"virale marketing"Komenafwateringhoeveelheid.
• AlsWeChat MarketingIn combinatie met videomarketing kan het verder verbeterennieuwe mediaen sociaalelektriciteitsleverancier的CopywritingConversiepercentage.

Er zijn veel vrienden die MP4-video's willen uploaden naar Tencent Video. Wie weet dat de beoordeling van Tencent Video nu erg moeilijk is en dat het de beoordeling niet heeft kunnen doorstaan!

Upload de MP4-video dus alleen naar uw eigen serverruimte.

• Echter, met behulp vanWordPress websiteMijn vriend, de MP4-video is misplaatst op de website en op de mobiele telefoon, en de gebruikerservaring is niet goed...
• Dit komt omdat de videocode die is toegevoegd vanuit de WordPress-standaardeditor niet adaptief kan zijn.

Oplossing:Gebruik de html-code van de MP5-videopagina van de H4-webpagina voor adaptieve mobiele telefoons.

Mobiele website om MP4-video html-code af te spelen

Het volgende is de MP5-video van de H4-webpagina, de html-code van de adaptieve mobiele-telefoonwebsitepagina▼

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

• Wijzig het rode gedeelte in de bovenstaande html-code in "je video-URL'.
• U kunt MP5-video adaptief afspelen op de mobiele terminal van de H4-webpagina en websitepagina.

HTML5 afbeelding adaptieve code, klik op de volgende link om ▼ . te bekijken

🔗Webpagina HTML 5 afbeelding adaptief scherm img proportionele schaalgrootte code