整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
<div style="color:red font-size:12px;">1.外部樣式表的核心是樣式單獨寫到CSS文件中，之后把CSS文件引入到HTML頁面中使用
2.引入外部樣式表分為兩步：
a.新建一個后綴名為.css樣式文件，把所有css代碼都放到此文件中
b.在HTML頁面中，使用link標簽引入這個標簽
<link rel="stylesheet" href="css文件路徑">查看更多
關于雪球兄，大家應該都熟悉了，之前他寫過Python實戰文章，好評如潮，沒來得及看的小伙伴，可以戳這里了：
盤點常用驗證碼標注和識別項目線上部署三種方式——VUE前端、Java后端和Python后端部署
Python項目實戰篇——常用驗證碼標注&識別(CNN神經網絡模型訓練/測試/部署)
Python項目實戰篇——常用驗證碼標注&識別(前端+后端實現高效率數據標注)
Python項目實戰篇——常用驗證碼標注&識別(數據采集/預處理/字符圖切割）
Python項目實戰篇——常用驗證碼標注和識別(需求分析和實現思路)
之前也有給大家分享B站的一些文章，感興趣的話可以看看這個文章，Python網絡爬蟲+數據分析：手把手教你用Python網絡爬蟲獲取B站UP主10萬條數據并用Pandas庫進行趣味數據分析。
一提到B站，第一印象就是視頻，相信很多小伙伴和我一樣，都想著去利用網絡爬蟲技術獲取B站的視頻吧，但是B站視頻其實沒有那么好拿到的，關于B站的視頻獲取，之前有介紹通過you-get庫進行實現，感興趣的小伙伴可以看這篇文章：You-Get 就是這么強勢！。
言歸正傳，經常在B站上學習的小伙伴們可能經常會遇到有的博主連載幾十個，甚至幾百個視頻，尤其像這種編程語言、課程、工具使用等連續的教程，就會出現選集系列，如下圖所示。
當然這些選集的字段我們肉眼也是可以看得到的。只是通過程序來實現的話，可能真沒有想象的那么簡單。那么這篇文章的目標呢，就是通過Python網絡爬蟲技術，基于selenium庫，實現視頻選集的獲取。
這篇文章我們用的庫是selenium，這個是一個用于模擬用戶登錄的庫，雖然給人的感覺是慢，但是在網絡爬蟲領域，這個庫還是用的蠻多的，用它來模擬登錄、獲取數據屢試不爽。下面是實現視頻選集采集的所有代碼，歡迎大家親自動手實踐。
# coding: utf-8
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.wait import WebDriverWait
class Item:
page_num=""
part=""
duration=""
def __init__(self, page_num, part, duration):
self.page_num=page_num
self.part=part
self.duration=duration
def get_second(self):
str_list=self.duration.split(":")
sum=0
for i, item in enumerate(str_list):
sum +=pow(60, len(str_list) - i - 1) * int(item)
return sum
def get_bilili_page_items(url):
options=webdriver.ChromeOptions()
options.add_argument('--headless') # 設置無界面
options.add_experimental_option('excludeSwitches', ['enable-automation'])
# options.add_experimental_option("prefs", {"profile.managed_default_content_settings.images": 2,
# "profile.managed_default_content_settings.flash": 0})
browser=webdriver.Chrome(options=options)
# browser=webdriver.PhantomJS()
print("正在打開網頁...")
browser.get(url)
print("等待網頁響應...")
# 需要等一下，直到頁面加載完成
wait=WebDriverWait(browser, 10)
wait.until(EC.visibility_of_element_located((By.XPATH, '//*[@class="list-box"]/li/a')))
print("正在獲取網頁數據...")
list=browser.find_elements_by_xpath('//*[@class="list-box"]/li')
# print(list)
itemList=[]
second_sum=0
# 2.循環遍歷出每一條搜索結果的標題
for t in list:
# print("t text:",t.text)
element=t.find_element_by_tag_name('a')
# print("a text:",element.text)
arr=element.text.split('\n')
print(" ".join(arr))
item=Item(arr[0], arr[1], arr[2])
second_sum +=item.get_second()
itemList.append(item)
print("總數量:", len(itemList))
# browser.page_source
print("總時長/分鐘:", round(second_sum / 60, 2))
print("總時長/小時:", round(second_sum / 3600.0, 2))
browser.close()
return itemList
get_bilili_page_items("https://www.bilibili.com/video/BV1Eb411u7Fw")這里用到的選擇器是xpath，利用視頻示例是B站的《高等數學》同濟版 全程教學視頻（宋浩老師）視頻選集，大家如果想抓取其他視頻選集的話，只需要更改上述代碼的最后一行的URL鏈接即可。
在運行過程中小伙伴們應該會經常遇到這個問題，如下圖所示。
這個是因為谷歌驅動版本問題導致的，只需要根據提示，去下載對應的驅動版本即可，驅動下載鏈接：
https://chromedriver.storage.googleapis.com/index.html我是Python進階者。這篇文章主要給大家介紹了B站視頻選集內容的獲取方法，基于網絡爬蟲，通過selenium庫和xpath選擇器進行實現，并且給大家例舉了常見問題的處理方法。小伙伴們，快快用實踐一下吧！如果在學習過程中，有遇到任何問題，歡迎加我好友，我拉你進Python學習交流群共同探討學習。
在很多網站上都會使用到視頻和音頻，HTML5 中提供了展示視頻和音頻的標簽。向網頁嵌入視頻可以使用 <video> 標簽，而嵌入音頻可以使用 <audio> 標簽。這兩個標簽都是 HTML 5 中新增的標簽，兩個標簽中的屬性和方法也很類似，但也有些不同。其中 audio 元素用于定義聲音，比如音樂， video 元素用于定義視頻，如電影等。
<video> 標簽可以用于定義視頻，且提供了播放、暫停、音量控件來控制視頻。舉個例子，像我們俠課島網站上，課程視頻播放，就是通過 <video> 標簽來實現的。下面我們來看一下如何向網頁中嵌入一個視頻。
示例：
首先我們準備一個視頻，例如一個 test.mp4，然后使用 <video> 標簽嵌入視頻，如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5學習(9xkd.com)</title>
</head>
<body>
<video src="./test.mp4" controls="controls" width="700px" height="400px"></video>
</body>
</html>
在瀏覽器中的預覽效果：
從上圖中可以看到，我們通過 <video> 標簽成功向網頁中插入了一個視頻， 其中 src 屬性用于引入要播放的視頻的 URL，注意視頻地址一定要正確，如果地址錯誤，視頻是不能顯示的。然后我們通過 width、height 屬性設置了視頻的寬度為 700px ，高度為 400px。
然后可以看到，視頻上還顯示了播放、調整音量等控件，當我們點擊播放按鈕時，視頻就會開始播放。這是因為我們設置了 controls 屬性，如果我們沒有設置這個屬性，視頻將會顯示一個靜止的畫面，并且不管怎么點擊都是沒有反應的。大家可以試一下，不設置 controls 屬性然后在瀏覽器中查看演示效果，這里就不演示給大家看了。
video 元素中的常用屬性如下所示：
有些比較老的瀏覽器可能不支持 <video> 標簽，例如 IE8 及以下的瀏覽器就不支持，而 IE9+、Firefox、Opera、Chrome、Safari 等瀏覽器都支持 <video> 標簽。
所以我們可以在 <video> 標簽中放置文本內容，這樣當某個瀏覽器不支持此標簽時，就可以顯示提示內容：
<video src="./test.mp4" controls="controls" width="700px" height="400px">
您的瀏覽器不支持 video 標簽
</video>
這樣用戶就會知道，是因為瀏覽器不支持所以加載視頻不成功，可以換一個瀏覽器。
像我們平時看到的視頻格式有很多種，例如常見的有 mp4、AVI、mov、rmvb、Ogg 等等， 目前 video 元素支持的視頻格式有下面三種：
這三種視頻格式，在不同的瀏覽器中兼容性不同，例如 MP4 格式不支持 Firefox 和 Opera 瀏覽器，Ogg 格式不支持IE、Safari 瀏覽器，WebM 格式不支持IE、Safari 瀏覽器等。
所以我們可能需要在不同的瀏覽器中使用不同的視頻格式，這需要用到 <source> 標簽。
<source> 標簽可以為媒體元素定義媒介資源，例如 video 和 audio 元素。
例如 <video> 標簽中可以包含多個 <source> 標簽，<source> 標簽可以鏈接不同的視頻文件，瀏覽器將使用第一個可識別的格式。
示例：
例如我們插入的視頻播放器，帶有兩個源文件，瀏覽器會根據需要來選擇源文件：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5學習(9xkd.com)</title>
</head>
<body>
<video controls="controls" width="700px" height="400px">
<source src="./test.mp4" type="video/mp4">
<source src="./test.ogg" type="video/ogg">
您的瀏覽器不支持 video 標簽
</video>
</body>
</html>
像上述代碼中，如果是 Safari 瀏覽器就會選擇第一個源文件，如果是 Firefox 瀏覽器則會選擇第二個源文件。
<source> 標簽有三個屬性：
向網頁中嵌入音頻可以使用 <audio> 標簽，此標簽的使用和 <video> 標簽類似。插入視頻是有畫面的，我們也可以調整視頻的寬和高等，而插入音頻是沒有畫面的。
audio 元素支持的格式和 video 元素也有一點區別：
示例：
例如我們插入一段音頻，在瀏覽器中可以看到，是沒有畫面的，只有聲音：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5學習(9xkd.com)</title>
</head>
<body>
<audio controls="controls">
<source src="./test.mp4" type="audio/mpeg">
<source src="./test.ogg" type="audio/ogg">
您的瀏覽器不支持 audio 標簽
</audio>
</body>
</html>
在瀏覽器中的演示效果：
向網頁中嵌入音頻時，也可以通過 <source> 標簽來指定兩個源文件，<source> 標簽允許規定兩個視頻或者音頻文件供瀏覽器根據它對媒體類型或者編解碼器的支持進行選擇。
audio 元素中的常用屬性和 video 元素差不多，但是 audio 元素中沒有 width、height 等屬性。
常用屬性如下所示：
向網頁中嵌入視頻和音頻其實很簡單，要注意 video 元素 和 audio 元素支持的視頻、音頻格式類型，如果插入的視頻格式不支持，則視頻或音頻不會顯示。
更多可以查看鏈接：https://www.9xkd.com/
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
