diff --git a/src/components/Detail.vue b/src/components/Detail.vue
index 7160e12..5f25558 100644
--- a/src/components/Detail.vue
+++ b/src/components/Detail.vue
@@ -60,6 +60,7 @@
 <script>
 import { mapMutations } from 'vuex'
 import zy from '../lib/site/tools'
+import onlineVideo from '../lib/site/onlineVideo'
 import { star, history } from '../lib/dexie'
 const { clipboard } = require('electron')
 export default {
@@ -189,133 +190,18 @@ export default {
     playVideoOnline (videoName, videoIndex) {
       switch (this.selectedOnlineSite) {
         case '哔嘀':
-          this.playVideoOnBde4(videoName, videoIndex)
+          onlineVideo.playVideoOnBde4(videoName, videoIndex)
           break
         case '1080影视':
-          this.playVideoOnK1080(videoName, videoIndex)
+          onlineVideo.playVideoOnK1080(videoName, videoIndex)
           break
         case '素白白':
-          this.playVideoOnSubaibai(videoName, videoIndex)
+          onlineVideo.playVideoOnSubaibai(videoName, videoIndex)
           break
         default:
           this.$message.console.error(`不支持该网站：${this.selectedOnlineSite}`)
       }
     },
-    playVideoOnBde4 (videoName, videoIndex) {
-      videoName = videoName.replace(/\s/g, '')
-      var url = `https://bde4.com/search/${videoName}`
-      const open = require('open')
-      const axios = require('axios')
-      const cheerio = require('cheerio')
-      axios.get(url).then(res => {
-        const $ = cheerio.load(res.data)
-        var e = $('div.search-list')
-        var searchResult = $(e).find('div>div>div>div>a').toArray()
-        // 获取第一个搜索结果的视频链接
-        var detailPageLink = $(searchResult[0]).attr('href')
-        // 获取第一个搜索结果的title
-        var title = $(searchResult[0]).attr('title')
-        if (title === null || title === undefined || !title.replace(/\s/g, '').includes(videoName)) {
-          // 如果第一个搜索结果不符合，打开搜索页面
-          open(url)
-        } else {
-          var detailPageFullLink = 'https://bde4.com/' + detailPageLink
-          if (this.m3u8List.length === 1) {
-            open(detailPageFullLink)
-          } else {
-            // 解析详情页面
-            axios.get(detailPageFullLink).then(res => {
-              const $ = cheerio.load(res.data)
-              var e = $('div.info1')
-              var videoList = $(e).find('a').toArray()
-              var indexVideoLink = $(videoList[videoIndex]).attr('href')
-              if (indexVideoLink.includes('.htm')) {
-                var videoFullLink = 'https://bde4.com' + indexVideoLink
-                open(videoFullLink)
-              } else {
-                open(detailPageFullLink)
-              }
-            })
-          }
-        }
-      })
-    },
-    playVideoOnK1080 (videoName, videoIndex) {
-      videoName = videoName.replace(/\s/g, '')
-      var url = `https://k1080.net/vodsearch123/-------------.html?wd=${videoName}&submit=`
-      const open = require('open')
-      const axios = require('axios')
-      const cheerio = require('cheerio')
-      axios.get(url).then(res => {
-        const $ = cheerio.load(res.data)
-        var e = $('#searchList')
-        var searchResult = $(e).find('li>div>a').toArray()
-        // 获取第一个搜索结果的视频链接
-        var detailPageLink = $(searchResult[0]).attr('href')
-        // 获取第一个搜索结果的title
-        var title = $(searchResult[0]).attr('title')
-        if (title === null || title === undefined || !title.replace(/\s/g, '').includes(videoName)) {
-          // 如果第一个搜索结果不符合，打开搜索页面
-          open(url)
-        } else {
-          // 解析详情页面
-          var detailPageFullLink = 'https://k1080.net' + detailPageLink
-          axios.get(detailPageFullLink).then(res2 => {
-            const $ = cheerio.load(res2.data)
-            // 获取playlist1
-            var e = $('#playlist1')
-            // 获取所有视频链接
-            var videoList = $(e).find('div>ul>li>a')
-            // 获取index视频链接
-            var indexVideoLink = $(videoList[videoIndex]).attr('href')
-            if (indexVideoLink.includes('.htm')) {
-              var videoFullLink = 'https://k1080.net' + indexVideoLink
-              open(videoFullLink)
-            } else {
-              open(detailPageFullLink)
-            }
-          })
-        }
-      })
-    },
-    playVideoOnSubaibai (videoName, videoIndex) {
-      videoName = videoName.replace(/\s/g, '')
-      var url = `https://www.subaibai.com/xssearch?q=${videoName}`
-      const open = require('open')
-      const axios = require('axios')
-      const cheerio = require('cheerio')
-      axios.get(url).then(res => {
-        const $ = cheerio.load(res.data)
-        var e = $('div.search_list')
-        var searchResult = $(e).find('div>ul>li>h3>a').toArray()
-        // 获取第一个搜索结果的视频链接
-        var detailPageLink = $(searchResult[0]).attr('href')
-        // 获取第一个搜索结果的title
-        var title = $(searchResult[0]).text()
-        if (title === null || title === undefined || !title.replace(/\s/g, '').includes(videoName)) {
-          // 如果第一个搜索结果不符合，打开搜索页面
-          open(url)
-        } else {
-          // 解析详情页面
-          var detailPageFullLink = detailPageLink
-          axios.get(detailPageFullLink).then(res2 => {
-            const $ = cheerio.load(res2.data)
-            // 获取playlist1
-            var e = $('div.paly_list_btn')
-            // 获取所有视频链接
-            var videoList = $(e).find('a').toArray()
-            // 获取index视频链接
-            var indexVideoLink = $(videoList[videoIndex]).attr('href')
-            if (indexVideoLink.includes('.htm')) {
-              var videoFullLink = indexVideoLink
-              open(videoFullLink)
-            } else {
-              open(detailPageFullLink)
-            }
-          })
-        }
-      })
-    },
     downloadEvent () {
       zy.download(this.detail.key, this.info.id).then(res => {
         if (res && res.dl && res.dl.dd) {
diff --git a/src/lib/site/onlineVideo.js b/src/lib/site/onlineVideo.js
new file mode 100644
index 0000000..4b27a2b
--- /dev/null
+++ b/src/lib/site/onlineVideo.js
@@ -0,0 +1,113 @@
+import open from 'open'
+import axios from 'axios'
+import cheerio from 'cheerio'
+
+const onlineVideo = {
+  playVideoOnBde4 (videoName, videoIndex) {
+    videoName = videoName.replace(/\s/g, '')
+    var url = `https://bde4.com/search/${videoName}`
+    axios.get(url).then(res => {
+      const $ = cheerio.load(res.data)
+      var e = $('div.search-list')
+      var searchResult = $(e).find('div>div>div>div>a').toArray()
+      // 获取第一个搜索结果的视频链接
+      var detailPageLink = $(searchResult[0]).attr('href')
+      // 获取第一个搜索结果的title
+      var title = $(searchResult[0]).attr('title')
+      if (title === null || title === undefined || !title.replace(/\s/g, '').includes(videoName)) {
+        // 如果第一个搜索结果不符合，打开搜索页面
+        open(url)
+      } else {
+        var detailPageFullLink = 'https://bde4.com/' + detailPageLink
+        // 解析详情页面
+        axios.get(detailPageFullLink).then(res => {
+          const $ = cheerio.load(res.data)
+          var e = $('div.info1')
+          var videoList = $(e).find('a').toArray()
+          var videoFullLink = detailPageFullLink
+          // 获取index视频链接
+          if (videoIndex < videoList.length) {
+            var indexVideoLink = $(videoList[videoIndex]).attr('href')
+            if (indexVideoLink.includes('.htm')) {
+              videoFullLink = 'https://bde4.com' + indexVideoLink
+            }
+          }
+          open(videoFullLink)
+        })
+      }
+    })
+  },
+  playVideoOnK1080 (videoName, videoIndex) {
+    videoName = videoName.replace(/\s/g, '')
+    var url = `https://k1080.net/vodsearch123/-------------.html?wd=${videoName}&submit=`
+    axios.get(url).then(res => {
+      const $ = cheerio.load(res.data)
+      var e = $('#searchList')
+      var searchResult = $(e).find('li>div>a').toArray()
+      // 获取第一个搜索结果的视频链接
+      var detailPageLink = $(searchResult[0]).attr('href')
+      // 获取第一个搜索结果的title
+      var title = $(searchResult[0]).attr('title')
+      if (title === null || title === undefined || !title.replace(/\s/g, '').includes(videoName)) {
+        // 如果第一个搜索结果不符合，打开搜索页面
+        open(url)
+      } else {
+        // 解析详情页面
+        var detailPageFullLink = 'https://k1080.net' + detailPageLink
+        axios.get(detailPageFullLink).then(res2 => {
+          const $ = cheerio.load(res2.data)
+          // 获取playlist1
+          var e = $('#playlist1')
+          // 获取所有视频链接
+          var videoList = $(e).find('div>ul>li>a').toArray()
+          var videoFullLink = detailPageFullLink
+          // 获取index视频链接
+          if (videoIndex < videoList.length) {
+            var indexVideoLink = $(videoList[videoIndex]).attr('href')
+            if (indexVideoLink.includes('.htm')) {
+              videoFullLink = 'https://k1080.net' + indexVideoLink
+            }
+          }
+          open(videoFullLink)
+        })
+      }
+    })
+  },
+  playVideoOnSubaibai (videoName, videoIndex) {
+    videoName = videoName.replace(/\s/g, '')
+    var url = `https://www.subaibai.com/xssearch?q=${videoName}`
+    axios.get(url).then(res => {
+      const $ = cheerio.load(res.data)
+      var e = $('div.search_list')
+      var searchResult = $(e).find('div>ul>li>h3>a').toArray()
+      // 获取第一个搜索结果的视频链接
+      var detailPageLink = $(searchResult[0]).attr('href')
+      // 获取第一个搜索结果的title
+      var title = $(searchResult[0]).text()
+      if (title === null || title === undefined || !title.replace(/\s/g, '').includes(videoName)) {
+        // 如果第一个搜索结果不符合，打开搜索页面
+        open(url)
+      } else {
+        // 解析详情页面
+        var detailPageFullLink = detailPageLink
+        axios.get(detailPageFullLink).then(res2 => {
+          const $ = cheerio.load(res2.data)
+          // 获取playlist1
+          var e = $('div.paly_list_btn')
+          // 获取所有视频链接
+          var videoList = $(e).find('a').toArray()
+          // 获取index视频链接
+          var videoFullLink = detailPageFullLink
+          if (videoIndex < videoList.length) {
+            var indexVideoLink = $(videoList[videoIndex]).attr('href')
+            if (indexVideoLink.includes('.htm')) {
+              videoFullLink = indexVideoLink
+            }
+          }
+          open(videoFullLink)
+        })
+      }
+    })
+  }
+}
+export default onlineVideo