service@xinpop.cn
西安網站建設公司總結pbootcms支持網站首頁播放mp4視頻的代碼.西安網絡公司新勢力網絡在給客戶利用pbootcms建設一個網站的時候,客戶要求在pbootcms首頁播放一個視頻.當下正式全媒體時代,首頁播放個視頻也是企業(yè)的大勢所趨.
經過在pboot的一番操作后,發(fā)現一些問題.
1.首先解決php的大附件上傳限制.系統(tǒng)需要修改支持php.ini的500兆視頻上傳.具體操作為.在php.ini 里搜索"upload_max_filesize",將100M,修改為500M.修改完成后必須重啟php服務器.
2.大視頻關鍵步驟是要通過附件來上傳.需要在pbootcms后臺新建一個標簽,這一步是用來決定您上傳的視頻,首頁通過程序代碼調用標簽的函數,獲取視頻的路徑.
3.最后一步就是在網站首頁的代碼里添加視頻的播放路徑代碼及播放樣式參數.直接上代碼,歡迎傳播.
[content:content drophtml=這是標簽的]
{/pboot:content}
播放
<---------------script-------------->
// 獲取 video 元素和播放按鈕元素
var video = document.getElementById('myVideo');
var playBtn = document.getElementById('play-btn');
// 監(jiān)聽 video 元素的 load 事件
video.addEventListener('load', function() {
// 隱藏播放按鈕元素
playBtn.style.display = 'none';
});
// 監(jiān)聽 video 元素的 play 事件
video.addEventListener('play', function() {
// 顯示播放按鈕元素
playBtn.style.display = 'block';
});
// 監(jiān)聽 video 元素的 pause 事件
video.addEventListener('pause', function() {
// 隱藏播放按鈕元素
playBtn.style.display = 'none';
});
<------------/script---------------->