Comment la page Web H5 MP4 s'adapte-t-elle à la page ? Le site Web mobile lit le code html de la vidéo

le marketing vidéo estMarketing en lignefait de:

• KutaPromotion WebLes praticiens utilisent souvent la vidéo pour combiner "Marketing viral"Venirdrainagela quantité.
• SiMarketing WeChatCombiné avec le marketing vidéo, il peut encore améliorernouveau médiaet socialeE-commerce的RédactionTaux de conversion.

Il y a beaucoup d'amis qui veulent télécharger des vidéos MP4 sur Tencent Video. Qui sait que l'examen de Tencent Video est très difficile maintenant, et il n'a pas réussi à passer l'examen !

Donc, téléchargez uniquement la vidéo MP4 sur votre propre espace serveur.

• Cependant, en utilisantSite web WordpressMon ami, la vidéo MP4 est mal placée sur le site et sur le téléphone mobile, et l'expérience utilisateur n'est pas bonne...
• En effet, le code vidéo ajouté à partir de l'éditeur par défaut de WordPress ne peut pas être adaptatif.

Solution:Utilisez le code html de la page vidéo MP5 du site Web de téléphonie mobile adaptative de la page Web H4.

Site Web mobile pour lire le code html de la vidéo MP4

Ce qui suit est la vidéo MP5 de la page Web H4, le code html de la page Web du téléphone mobile adaptatif▼

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

• Veuillez modifier la partie rouge dans le code html ci-dessus en "URL de votre vidéo".
• Vous pouvez lire des vidéos MP5 de manière adaptative sur le terminal mobile de la page Web et de la page Web H4.

Code adaptatif d'image HTML5, veuillez cliquer sur le lien suivant pour afficher ▼

Page Web HTML 5 image écran adaptatif img code de mise à l'échelle proportionnelle

En raison du développement vigoureux de l'Internet mobile et de la popularité du marketing WeChat, les téléphones portables sont devenus un outil essentiel dans la vie.Comme modèle pour la construction d'un site Web, il est recommandé d'utiliser le thème adaptatif de WordPress :

Si Wordpress...