由于視頻過(guò)大，無(wú)法傳到服務(wù)器上并且會(huì)出現(xiàn)卡頓的現(xiàn)象，所以將視頻傳到了今日頭條上，大家可以關(guān)注我們的頭條號(hào)，以后這種二次開(kāi)發(fā)教程，我們都發(fā)布到今日頭條上給大家觀看。
視頻鏈接：https://www.ixigua.com/6850676572601614852/
為了方便查看更多的開(kāi)發(fā)教程，也可以掃碼關(guān)注我們，請(qǐng)用今日頭條APP掃碼關(guān)注
1、后臺(tái)頻道管理里面，找到要對(duì)應(yīng)的模型添加多媒體附件（詳細(xì)步驟請(qǐng)看視頻）
2、后臺(tái)系統(tǒng)設(shè)置-系統(tǒng)基本參數(shù)-附件設(shè)置：添加|mp4
3、服務(wù)器（FTP）上找到文件夾include/dialog/select_media.php，把這個(gè)文件下載下來(lái)，大概在144行添加代碼：|mp4 如下圖片：
4、對(duì)應(yīng)的模板上，比如：article_article.htm上，添加以下代碼（詳細(xì)步驟請(qǐng)看視頻）
步驟一：找到：{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即可。
注意：我們?cè)诎l(fā)布文章過(guò)程中，可能有的有視頻，有的沒(méi)有視頻，如果發(fā)現(xiàn)沒(méi)有視頻的文章里出現(xiàn)視頻播放器，但是沒(méi)有視頻的現(xiàn)象，請(qǐng)?jiān)谏厦娌襟E二里添加這個(gè)js代碼
<script type="text/javascript" src="/images/jquery.js"></script>
js下載地址：https://pan.baidu.com/s/1OBDjbJ7lOToSTtnu7Vm3YQ
提取碼: 7922
