Com s'adapta la pàgina web H5 MP4 a la pàgina? El lloc web mòbil reprodueix codi HTML de vídeo

El màrqueting de vídeo ésMàrqueting a Internetfet de:

• moltPromoció webEls professionals sovint utilitzen el vídeo per combinar "Màrqueting viral”来drenatgeLa quantitat.
• SiMàrqueting de WechatCombinat amb el màrqueting de vídeo, pot millorar encara mésnous suportsi socialsComerç electrònicDeRedaccióTaxa de conversió.

Hi ha molts amics que volen penjar vídeos MP4 a Tencent Video. Qui sap que la revisió de Tencent Video és molt difícil i no ha pogut passar la revisió!

Per tant, només carregueu el vídeo MP4 al vostre propi espai de servidor.

• Tanmateix, utilitzantLloc web de WordPressAmic meu, el vídeo MP4 està fora de lloc al lloc web i al telèfon mòbil, i l'experiència d'usuari no és bona...
• Això es deu al fet que el codi de vídeo afegit des de l'editor predeterminat de WordPress no pot ser adaptatiu.

Solució:Utilitzeu el codi HTML de la pàgina de vídeo MP5 del lloc web de telèfon mòbil adaptatiu de la pàgina web H4.

Lloc web mòbil per reproduir codi html de vídeo MP4

El següent és el vídeo MP5 de la pàgina web H4, el codi html de la pàgina web adaptativa del telèfon mòbil▼

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

• Si us plau, modifiqueu la part vermella del codi html anterior a "l'URL del vostre vídeo".
• Podeu reproduir vídeo MP5 de manera adaptativa al terminal mòbil de la pàgina web H4 i la pàgina web.

Codi adaptatiu d'imatge HTML5, feu clic al següent enllaç per veure'l ▼

Pantalla adaptativa d'imatge HTML 5 img codi d'escala proporcional per a la pàgina web HTML XNUMX

A causa del vigorós desenvolupament d'Internet mòbil i la popularitat del màrqueting WeChat, els telèfons mòbils s'han convertit en una eina essencial a la vida.Com a plantilla per crear un lloc web, es recomana utilitzar el tema adaptatiu de WordPress:

Si WordPress...