整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
asy Slider 是一個滑動幻燈片插件，支持任何圖片或內容，可以實現橫向或縱向滑動。它擁有一系列豐富的參數設置，可通過CSS來進行完全的控制。基本上只需要引入這個插件后，設置好內容，然后樣式化CSS就可以自定義了。
小編這里用來做了輪播圖，首先將其下載好。
習慣性下載最新版1.7。下載到的是壓縮包，解壓之。
發現有三個不同樣式的html頁面。打開第一個：
圖片有問題，不知道怎么辦。一般情況只會刷新瀏覽器，沒有變化，心里煩躁，接著刷新吧...刷新大約6次，頁面正常了。
現在可以自行修改了，動手改之，自己需要一個簡單的輪播圖，就要將改頁面改造一番。改造過程比較痛苦，新手操作，錯誤百出，不過最后還是成功了，小編個人喜歡海賊王，就放了女帝以及路飛的圖，效果如下：
其中顯示數字只要將numeric: true添加上去即可。
如有錯誤，望各位不吝賜教。
者：playboy5566
轉發鏈接：https://segmentfault.com/a/1190000023055412
開源精選》是我們分享Github、Gitee等開源社區中優質項目的欄目，包括技術、學習、實用與各種有趣的內容。本期推薦的是一個開源的 HTML5 視頻播放器插件——MuiPlayer。
MuiPlayer 是一個開源的HTML5視頻播放插件，其默認配置了精美可操作的的播放控件，涉及了常用的播放場景，例如全屏播放、播放快進、循環播放、音量調節等功能。支持 mp4、m3u8、flv 等多種媒體格式播放，解決大部分兼容問題，同時適應在PC、手機端播放。
使用 npm 安裝：
npm i mui-player --save使用 yarn 安裝：
yarn add mui-player1 使用 script 標簽引入：
<!-- 引入基礎樣式文件 mui-player.min.css -->
<link rel="stylesheet" type="text/css" href="css/mui-player.min.css"/>
<!-- 引入基礎腳本 mui-player.min.js -->
<script type="text/javascript" src="js/mui-player.min.js"></script>
<!-- 指定播放器容器 -->
<div id="mui-player"></div>或者使用模塊管理器引入：
import 'mui-player/dist/mui-player.min.css'
import MuiPlayer from 'mui-player'2 定義播放器容器
<div id="mui-player"></div>3 初始化構建播放器
// 初始化 MuiPlayer 插件，MuiPlayer 方法傳遞一個對象，該對象包括所有插件的配置
var mp=new MuiPlayer({
container:'#mui-player',
title:'標題',
src:'./static/media/media.mp4',
})以上就能為初始化構建一個具有默認配置控件的視頻播放器。
更多API基礎配置： https://muiplayer.js.org/zh/guide/api.html#%E4%B8%BB%E8%A6%81%E9%85%8D%E7%BD%AE
更多內容大家可自行前往閱讀。
開源地址：https://gitee.com/muiplayer/hello-muiplayer
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
