由于視頻過大,無法傳到服務器上并且會出現卡頓的現象,所以將視頻傳到了今日頭條上,大家可以關注我們的頭條號,以后這種二次開發教程,我們都發布到今日頭條上給大家觀看。
視頻鏈接:https://www.ixigua.com/6850676572601614852/
為了方便查看更多的開發教程,也可以掃碼關注我們,請用今日頭條APP掃碼關注
1、后臺頻道管理里面,找到要對應的模型添加多媒體附件(詳細步驟請看視頻)
2、后臺系統設置-系統基本參數-附件設置:添加|mp4

3、服務器(FTP)上找到文件夾include/dialog/select_media.php,把這個文件下載下來,大概在144行添加代碼:|mp4 如下圖片:

4、對應的模板上,比如:article_article.htm上,添加以下代碼(詳細步驟請看視頻)
步驟一:找到:{dede:field.body/},在他下面添加以下代碼:
<style>
.videosp{ width:80%; overflow:hidden; margin:20px auto}
</style>
<div class="videosp">
<video src="{dede:field.shipin/}" controls="controls" width="100%"></video>
</div>
步驟二:最下面找到:</body>,在他上面添加以下代碼:
<script>
$(function(){
var sp = $('.videosp video').attr('src');
if(sp==''){
$('.videosp').css('display','none')
}
})
</script>
一鍵更新html即可。
注意:我們在發布文章過程中,可能有的有視頻,有的沒有視頻,如果發現沒有視頻的文章里出現視頻播放器,但是沒有視頻的現象,請在上面步驟二里添加這個js代碼
<script type="text/javascript" src="/images/jquery.js"></script>
js下載地址:https://pan.baidu.com/s/1OBDjbJ7lOToSTtnu7Vm3YQ
提取碼: 7922