PbootCMS后臺插入視頻mp4格式無法播放的解決方法
導讀:CSS/HTMLCSS/HTMLPbootCMS后臺編輯器添加內容時有時需要添加個視頻鏈接mp4格式的,然后在插入視頻后發現出來的是swf的代碼,這樣就導致了視頻在前臺無法播放。 這個問題首先網站優化seo培訓seo網站優化軟件。
PbootCMS后臺編輯器添加內容時有時需要添加個視頻鏈接mp4格式的,然后在插入視頻后發現出來的是swf的代碼,這樣就導致了視頻在前臺無法播放。 這個問題首先需要了解到這是百度編輯器UEditor默認的問題,所以實現的思路只能去改ueditor相關的js控制代碼來實現。 實現效果: 1、添加swf鏈接就實用默認的效果,生成emeb標簽 embed class=edui-faked-video src=https://www.xxx/demo/video/test.swf type=application […]
PbootCMS后臺編輯器添加內容時有時需要添加個視頻鏈接mp4格式的,然后在插入視頻后發現出來的是swf的代碼,這樣就導致了視頻在前臺無法播放。
這個問題首先需要了解到這是百度編輯器UEditor默認的問題,所以實現的思路只能去改ueditor相關的js控制代碼來實現。
實現效果:
1、添加swf鏈接就實用默認的效果,生成emeb標簽
<embed class=”edui-faked-video” src=”https://www.xxx/dseo網站排名優化軟件emo/video/test.swf” type=”application/x-shockwave-flash” width=”420″ he網站建設教程ight=”280″></embed>
2、添加mp4格式鏈接生成video標簽
<video class=”edui-faked-video video-js” src=”http://www.xxx.com/static/upload/video/1.mp4″ preload=”auto” controls=”controls” width=”420″ height=”280″> <source src=”http://www.xxx.com/static/upload/video/1.mp4″ /> </video>
修改步驟:
(最后面有直接替換文件下載)
1、修改video.js實現預覽正確預覽視頻
打開\core\extend\ueditor\dialogs\video\video.js
找到第275行
$G(“preview”).innerHTML = ‘ <div class=”previewMsg”>’+lang.urlError+'</div> ‘+ ‘<embed class=”previewVideo” src=”‘ + conUrl + ‘” type=”application/x-shockwave-flash” width=”‘ + 420 + ‘” height=”‘ + 280 + ‘”></embed>’ + ”;
修改成
if(conUrl.indexOf(“.swf”) >= 0 ) { $G(“preview”).innerHTML = ‘ <div class=”previewMsg”>’+lang.urlError+'</div> ‘+ ‘<embed class=”previewVideo” src=&r網站seo優化課程dquo;‘ + conUrl + ‘” type=”application/x-shockwave-flash” width=”‘ + 420 + ‘” height=”‘ + 280 + ‘”></embed>’ + ”; } else { $G(“preview”).innerHTML = ‘ <div class=”previewMsg” style=”display: none;”>’+lang.urlError+'</div> ‘+ ‘<video style=”max-width: 100%;” autoplay=”autoplay” controls=”controls” width=”‘ + 420 + ‘” height=”‘ + 280 + ‘”>’ + ‘ <source src=”‘ + conUrl + ‘” type=”video/mp4″ />’ + ‘</video>’; }
聲明: 本文由我的SEOUC技術文章主頁發布于:2023-05-25 ,文章PbootCMS后臺插入視頻mp4格式無法播放的解決方法主要講述解決方法,無法播放,CMS網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_8266.html