Kaip H5 tinklalapis MP4 prisitaiko prie puslapio Mobili svetainė atkuria vaizdo html kodą

Vaizdo įrašų rinkodara yraInterneto rinkodaraDalis:

Kaip pritaikyti H5 tinklalapio MP4 vaizdo įrašą puslapiui, atkuria html kodą?

Daugelis draugų nori įkelti MP4 vaizdo įrašus į Tencent Video. Kas žino, kad Tencent Video peržiūra dabar yra labai sudėtinga ir jie negalėjo išlaikyti peržiūros!

Todėl vienintelė galimybė yra įkelti MP4 vaizdo įrašą į savo serverio erdvę.

  • Tačiau naudojantWordPress svetainėMano draugai, MP4 vaizdo įrašas ne vietoje ir mobiliajame telefone, o vartotojo patirtis nėra gera...
  • Taip yra todėl, kad vaizdo įrašo kodas, pridėtas iš numatytosios „WordPress“ redaktoriaus, nėra adaptyvus.

Sprendimas:Naudokite H5 tinklalapį, kad pritaikytumėte svetainės mobiliesiems MP4 vaizdo įrašų puslapio html kodą.

Mobilioji svetainė atkuria MP4 vaizdo įrašo html kodą

HTML 5 kodo paveikslėlis 2

Toliau pateikiamas H5 tinklalapio MP4 vaizdo įrašas, adaptyvios mobiliosios svetainės puslapio html kodas▼

<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>
  • Pakeiskite raudoną dalį aukščiau esančiame html kode į "jūsų vaizdo įrašo URL“.
  • Galite adaptyviai leisti MP5 vaizdo įrašus H4 tinklalapiuose mobiliuosiuose telefonuose ir svetainių puslapiuose.

HTML5 vaizdo adaptacinis kodas, spustelėkite toliau esančią nuorodą, kad peržiūrėtumėte ▼

发表 评论

Jūsų el. pašto adresas nebus skelbiamas. Naudojami privalomi laukai * Etiketė

Pereikite į viršų