視頻營銷是網絡營銷的組成部分:
有不少朋友想將MP4視頻上傳到騰訊視頻,誰知道現在騰訊視頻的審核難度非常大,一直無法通過審核!
所以,只有將MP4視頻上傳到自己的服務器空間了。
- 但是,使用WordPress建立站的朋友,MP4視頻在網站和手機端錯位了,用戶體驗不好……
- 這是因為從WordPress默認編輯器的添加的視頻代碼無法自適應。
解決方法:使用H5網頁自適應手機端網站MP4視頻頁面的html代碼。
手機端網站播放MP4 視頻html 代碼
以下是H5網頁MP4視頻,自適應手機端網站頁面的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代碼裡的紅字部分,修改為“你的視頻網址”。
- 就能在H5網頁手機端、網站頁面自適應播放MP4視頻了。
html5圖片自適應代碼,請點擊以下鏈接查看 ▼
希望陳溈亮博客( https://www.chenweiliang.com/ ) 分享的《H5網頁MP4如何自適應頁面?手機端網站播放視頻html代碼》,對您有幫助。
歡迎分享本文鏈接:https://www.chenweiliang.com/cwl-1059.html
歡迎加入陳溈亮博客的Telegram 頻道,獲取最新更新!
🔔 率先在頻道置頂目錄獲取寶貴的《ChatGPT 內容行銷AI 工具使用指南》! 🌟
📚 這份指南蘊含價值巨大,🌟難逢的機遇,切勿錯失良機! ⏰⌛💨
喜歡就分享和按贊!
您的分享和按贊,是我們持續的動力!
📚 這份指南蘊含價值巨大,🌟難逢的機遇,切勿錯失良機! ⏰⌛💨
喜歡就分享和按贊!
您的分享和按贊,是我們持續的動力!