將影片、音訊或圖片加入經典頁面

將影片插入經典的 SharePoint 2016 或 2013 頁面

1. 到你想新增媒體的頁面。

2. 選擇 頁面 標籤。接著，在功能區 點選編輯。

3. 點擊頁面上可編輯的區域。

4. 選擇 「插入 」標籤，在功能區的 媒體 群組中點選 「影片與音訊」。
   

5. 你會看到以下選項：

   • 來自電腦
   • 內嵌
   • 從 SharePoint
   • 來自地址

   如需了解如何使用上述選項插入媒體，請點擊以下連結之一。

從你的電腦上傳檔案

要從電腦上傳檔案，請依照以下步驟操作。

1. 從 電腦點擊。
2. 瀏覽你想要的檔案位置，選擇檔案，然後點擊 「開啟」。
3. 指定一個你想存放檔案的目標函式庫。
   我們建議你指定一個資產庫作為目的地。 資產庫專為媒體設計，並自動包含影像預覽和影片縮圖等功能。 這些功能讓你更容易處理媒體檔案。
   想了解如何設定媒體檔案的資產庫，請參見「 設定資產庫以儲存影像、音訊或影片檔案」。
4. 按一下 [確定]。

嵌入影片分享網站的影片

要從像 YouTube、Vimeo、Hulu 或類似網站這樣的影片分享網站嵌入影片，請遵循以下基本步驟。

在影片網站上請這麼做：

1. 打開你想用的影片。
2. 找到並點擊 分享 觀看影片。
3. 根據網站不同，你可能需要點擊 嵌入 連結，也可能就在那裡。 點擊嵌入程式碼並按 CTRL+C 複製，或右鍵點擊右鍵選單中的 複製 。

在你的 SharePoint 網站上請這樣做：

1. 按一下 [內嵌]。

2. 接著，將嵌入程式碼貼上到對話框中。
   

   秘訣

   通常，從熱門影片分享網站取得影片嵌入碼很容易。 只要找「 嵌入 」或 「分享 」選項，然後照螢幕指示顯示嵌入碼就行了。 當嵌入程式碼出現時，複製它，然後依照前圖貼上程式碼。

3. 按一下 [插入]。

從 SharePoint 網站新增影片

要從 SharePoint 網站上的某個地點新增影片，請遵循以下步驟。

1. 從 SharePoint 點擊。這會打開資產選擇器，你可以瀏覽想要的資料夾或資料庫。
2. 瀏覽你網站上的某個位置，例如資產 庫，裡面儲存了影片和音訊檔案。
3. 選擇你想要的檔案，然後點擊 插入。

新增來自其他地點的影片

若要從網路其他地點新增影片，請遵循以下步驟。

1. 點擊 「從地址」
2. 輸入你想使用的檔案網址，然後點擊 確定。 網址必須直接指向影片檔案。 例如： http://contoso.com/VideoFile.wmv。

編輯媒體屬性與媒體網頁部分

當你在頁面中新增影片或音訊時，SharePoint 會插入一個媒體網頁部分。 新增媒體後，你可以自訂網頁部分。 例如，你可能想更改它的大小或位置、編輯標題，或加入目錄標誌。

每當您在頁面新增視訊時，請務必包含內容的字幕和音訊描述。 字幕可讓有聽力障礙的使用者了解內容，而且可輔助觀看視訊的非母語使用者。

如果您想更改頁面上的媒體網頁部分，請依照以下步驟操作：

1. 請前往包含影片的頁面。
2. 選擇頁面標籤，然後點擊編輯。
3. 當影片出現在頁面上時，點擊影片圖片上的任意位置即可開啟媒體標籤及其功能區。
   
4. 在功能區的 預覽 群組中，指向 「變更影像 」，選擇你想作為音訊或影片檔案預覽的圖片檔案。 如果你沒有更新預覽映像檔，檔案格式的預設圖片會顯示出來。
5. 在 屬性 群組中，您可以輸入或更改出現的標題。 你也可以指定要讓檔案在頁面載入時自動播放，或是要一直循環直到停止。
6. 在色帶上的 「球員風格」 群組中，指向「 風格」 並選擇你偏好的球員風格。
7. 在色帶的 尺寸 群組中，你也可以選擇指定想要更改播放器的水平和垂直大小。
8. 要編輯媒體網頁部分，請將滑鼠懸停在媒體標題上，然後點擊顯示的箭頭以開啟媒體網頁部分選單。
   
9. 選擇 「編輯網頁部分 」以開啟螢幕側邊的編輯視窗。
10. 在網頁零件編輯面板中，選擇你想更改的屬性。 完成修改後，點擊 「套用」。
    
11. 點擊 確定 關閉編輯視窗並返回頁面。
12. 完成頁面修改後，選擇 頁面 標籤，然後點擊 儲存。 如果頁面已經借出，你會看到警告訊息和連結，方便你簽到。

在你的頁面中嵌入一段音訊檔，並附上逐字稿

以下是如何在網頁中放置一個更小、更纖細的控制條的方法。 這種控制列最適合搭配音訊檔案 (例如播客) 使用，因為完整的媒體網頁組件放在裡面會太大。

1. 將音訊檔案和文字記錄檔案上傳到 [網站資產] 資料夾中。

   1. 要開啟 設定 選單，在右上角選擇 設定 。
   2. 選取 [網站內容] 連結。
   3. 移至 [網站資產] 資料夾。
   4. 把音訊和逐字稿檔案拖到資料夾裡。
   5. 取得檔案的 URL。 選取檔案名稱旁的省略符號，以開啟檔案動作功能表。 從動作功能表將連結複製並貼入其他檔案中。 您稍後在音訊內嵌程式碼中會用到此連結。

2. 在您要顯示視訊的頁面上選取 [編輯] 連結，以開啟 [編輯] 功能區並進入 [編輯] 模式。

3. 將焦點放在您要讓視訊顯示的位置。

4. 從 [插入] 索引標籤開啟 [視訊和音訊] 群組，然後選取 [內嵌]，以開啟 [內嵌] 對話方塊。

   

5. 將內嵌程式碼貼入欄位中，並將音訊檔案的 URL 貼在 “src=” 後面且介於引號之間。
   <audio src="your-audio-file-URL-here.mp3"controls="controls"></audio>
   此程式碼會在頁面上放置媒體控制列。 使用者可以透過此控制列開始及停止播放。

   秘訣

   如果內嵌程式碼的格式未正確設定，或如果它指向不存在的檔案位置，[插入] 按鈕將無法使用。

6. 完成後，選擇 插入 ，將你的音訊控制項放到頁面上。 內嵌的音訊控制看起來像這樣：

   

7. 將焦點放在音訊控制程式碼片段的結尾，然後按 Enter 鍵移至下一行。

8. 插入音訊文字記錄檔案的連結。

   1. 從 [插入] 索引標籤選取 [連結] 然後選取 [從 SharePoint]，以開啟 [選取資產] 對話方塊。

   2. 選取音訊文字記錄檔案，然後按 [插入]。 這麼做會插入超連結，並以檔案的名稱做為連結文字。

   3. 將焦點放在連結中檔案名稱的最後一個字元前面。 慢慢按退格鍵移除檔案名稱中的所有字元，只留下第一個和最後一個字元。

      秘訣

      這會讓連結保持不變，並讓游標保持在正確位置，以便您變更連結的文字。

   4. 輸入您要用於連結的文字。 例如，若是音訊文字記錄，可輸入「檢視音訊文字記錄」。

   5. 刪除檔案名稱的剩下兩個字元。

9. 完成後，在頁面頂端按一下 [儲存]，儲存所有變更。

Microsoft 365 影片或 Microsoft Stream 影片

如果你使用 SharePoint Classic，可以在你的頁面中新增 Office 365 影片或 Microsoft Stream。 請參閱嵌入 Microsoft 365 影片或使用 Stream 網頁部分。

新增含有替代文字的圖片

使用照片、圖片、剪貼畫或音訊時，您有責任尊重 版權。

1. 若要開啟 [編輯] 功能區並進入 [編輯] 模式，請在您要編輯的頁面上選取 [編輯] 連結。

2. 將焦點放在您要顯示圖片的位置。

3. 若要開啟 [上傳影像] 對話方塊，請從 [插入] 索引標籤開啟 [圖片] 群組並選取 [從電腦]。

   

   秘訣

   若要透過貼上影像 URL 從網際網路插入圖片，請選取 [從位址]。 要從你的 SharePoint 網站插入圖片，請選擇「從 SharePoint 中」。

4. 選擇你的檔案，在 SharePoint 網站中選擇目標資料夾， (預設選項是 Site Assets 資料夾) ，並附上關於不同影像版本的備註。

5. 要插入圖片並啟用 圖片 標籤，請選擇 確定。

   

   秘訣

   [影像] 索引標籤只有在已選取影像時才看得到。

6. 移至 [影像] 索引標籤上的 [替代文字] 方塊，然後輸入影像的替代文字。

7. 完成之後，按一下 [儲存]。

協助工具的相關祕訣

• 替代文字應簡潔明瞭。
• 好的替代文字會向聆聽者講述圖片為何重要。

欲了解更多關於替代文本的資訊，包括範例及更多資訊連結，請造訪 WebAIM 替代文本 頁面。

將媒體網頁部分加入頁面

你可以使用媒體網頁部分在頁面上播放音訊或影片片段。 關於媒體網路部分所支援的特定影片與音訊格式，請參閱 Silverlight 支援的媒體格式與協定。

您必須取得編輯頁面的許可才能遵循此程序。

1. 請前往你想更新的頁面。

2. 在功能區的 頁面 標籤中，點擊 編輯。

3. 執行下列其中一個動作：

   • 如果您正在編輯維基頁面或出版頁面，請在想要新增媒體網頁部分的頁面上點擊可編輯的位置，然後在功能區的編輯工具下點擊「插入」標籤，然後點擊「影片與音訊」。
   • 如果你正在編輯網頁部分頁面，請在你想嵌入媒體的欄位或區域中點 選新增一個網頁部分 。 在 分類中，點選 媒體與內容。 在 「Web Parts」中，點選 「Media Web Part」，然後點 選「新增」。

4. 當媒體網頁部分出現在頁面上時，請點擊寫著「 點此設定」的文字。
   

5. 點擊色帶上的 媒體選項 標籤。

6. 若要設定媒體網頁部分以顯示特定的音訊或影片檔案，請指向 「變更媒體」，然後選擇以下其中一個：

   • 要從電腦上傳檔案，請點擊 「從電腦」，瀏覽到你想要的檔案位置，然後點擊 「確定」。

   • 若要將已儲存在 SharePoint 網站的影片嵌入，請點擊 「從 SharePoint 出發」，然後瀏覽到網站中儲存影片和音訊檔案的位置，例如資產 庫。 選擇你想要的檔案，然後點擊 確定。

   • 若要從影片分享網站嵌入影片，請點選 「寄件地址」，然後輸入你想使用的檔案網址，最後點擊 確定。

     媒體網頁部分支援播放直接指向影片檔案的網址檔案。 例如： http://contoso.com/VideoFile.wmv。 如果你用嵌入程式碼或分享連結來處理有影片的頁面，這些功能就無法運作。 關於使用嵌入程式碼嵌入影片的資訊，請參見 「使用嵌入程式碼嵌入影片於頁面」。

7. 當你選擇了想要的檔案後，點擊 確定。

8. 在 預覽 群組中，指向 「更換影像」，選擇你想作為音訊或影片檔案預覽的圖片檔案。 如果你沒有更新預覽映像檔，檔案類型的預設圖片就會顯示出來。

9. 在 屬性 群組中，指定你想為網頁部分顯示的標題。 你也可以指定要讓檔案在頁面載入時自動播放，或是要一直循環直到停止。

10. 在色帶上的 球員風格 群組中，指向 風格，選擇 你偏好的球員風格。

11. 在色帶的 尺寸 群組中，你可以選擇性地指定想要更改球員的水平和垂直大小。

設定內容查詢網頁部分以顯示影片

你可以使用內容查詢網頁部分，為頁面新增動態顯示的影片或音訊檔案。 如果你想在頁面中新增一個包含「頂尖」影片的區塊，或所有帶有特定元資料標籤的影片，這很有用。

當你將內容查詢網頁部分加入頁面時，可以設定它查詢網站上符合特定條件的所有內容項目。 接著它會在頁面上顯示該查詢的結果。 若新增內容且符合查詢條件，也會顯示在網頁部分。 內容查詢網頁部分可返回單一清單或資料庫的內容，或是同一網站收藏中多個清單與資料庫的內容。

您必須取得編輯頁面的許可才能遵循此程序。

這個程序假設你想顯示影片，但同時也能用於音訊或影像檔案。

1. 請前往你想更新的頁面。

2. 在功能區的頁面標籤中，點擊 編輯。 執行下列其中一個動作：

   • 如果您正在編輯維基頁面或發佈頁面，請點擊頁面中可編輯的區域，該區域可新增內容查詢網頁部分。 點擊編輯工具功能區的「插入」標籤，然後點選「網頁部分」。 在 分類中，點選 內容彙整。 在 網頁部分，點選 內容查詢，然後點 選新增。
   • 如果您正在編輯網頁，請在您想新增內容查詢網頁部分的欄位或區域中點選「 新增網頁零件 」。 在 分類中，點選 內容彙整。 在 網頁部分，點選 內容查詢，然後點 選新增。

3. 在內容查詢網頁部分，點擊箭頭，然後點擊 編輯網頁部分。

4. 點擊 「開啟工具窗 格」連結。

5. 在內容查詢工具窗格中，點擊展開 查詢。

6. 在 來源欄位，指定你想展示的項目位置。 如有需要，請瀏覽該網站、子網站或列表的位置。

7. 如果你的查詢範圍是網站，在列表類型中指定你想顯示項目的清單類型。 如果你在第 6 步選擇了特定的清單或圖書館，這個欄位會自動幫你填入。

8. 在內容類型中，於顯示此內容類型群組的項目中選擇數位資產內容類型。

9. 在 顯示此內容類型的項目中，選擇 影片。 如果您的組織已建立數位資產內容類型的客製化版本，您也可以選擇 「包含子內容類型 」的勾選框。

10. 在受眾 定位中，您可以選擇套用受眾篩選，根據您網站的受眾定位設定，將特定項目顯示給特定受眾。

11. 在 「額外篩選」中，你可以使用項目元資料來篩選顯示的內容。 例如，如果你想顯示被特定關鍵字標記的影片，請選擇企業 關鍵字 ，並選擇包含 任一的運算子，然後輸入你想要的值。

12. 如果你想新增更多篩選條件，請點擊 And 或 Or 並指定額外篩選條件。

13. 展開 展示，在分 組與排序、 樣式和欄位中，做任何你想要的自訂選項 來顯示。 在 樣式中，若想讓訪客能直接在瀏覽器播放媒體片段，請確保勾選「 在瀏覽器播放媒體連結 」的勾選框。

    當你最初設定內容查詢網頁部分時，可能不知道要如何設定呈現下的項目。 建議先在網頁部分預覽查詢，再編輯以自訂資訊外觀。

    例如，若未自訂呈現模式中的任何 設定，影片可能會顯示大幅預覽圖，這可能與頁面設計不相容。 在這種情況下，你可能想在「樣式|」中選擇 固定影像大小項目樣式 讓訪客有小型預覽圖片，方便點擊播放影片。 以下範例展示了一個內容查詢網頁部分，顯示三支影片。 它被設定為固定的影像大小。
    

14. 按一下 [確定]。

15. 將你的修改存到頁面。

欲了解更多關於內容查詢網頁部分的資訊，請參閱「 透過新增內容查詢網頁部分來顯示頁面上的動態內容視圖」。

用嵌入程式碼將影片嵌入頁面

如果你想使用第三方影片分享網站的嵌入程式碼來將影片加入頁面，可以透過將嵌入程式碼加入內容編輯器網頁部分來達成。

您必須擁有 Designer 權限才能依此程序執行。

1. 找到你想嵌入頁面的影片，複製嵌入程式碼。

2. 請前往你想更新的頁面。

3. 在功能區的 頁面 標籤中，點擊 編輯。 執行下列其中一個動作：

   • 如果你正在編輯維基頁面，請點擊你想新增內容編輯器網頁部分的頁面位置，點選編輯工具功能區的插入標籤，然後點擊網頁部分。 在 分類中，點選 媒體與內容。 在 網頁部分，點選 內容編輯器，然後點 選新增。
   • 如果你正在編輯網頁部分頁面，請在你想嵌入媒體的欄位或區域中點 選新增一個網頁部分 。 在 分類中，點選 媒體與內容。 在 網頁部分，點選 內容編輯器，然後點 選新增。

4. 在內容編輯器的網頁部分，指向箭頭，然後點擊 編輯網頁部分。

5. 在內容編輯器網頁部分，輸入任何你想顯示的文字來介紹影片。

6. 在編輯工具功能區的格式文字標籤中，標記群組中點選 HTML，然後點選編輯 HTML 來源。
   

7. 將嵌入程式碼貼到 HTML 原始碼 對話框，然後點擊 確定。
   

8. 如果網站頁面需要) ，請儲存頁面 (或儲存並簽到。

9. 點擊內建影片播放器上的播放按鈕即可播放影片。

新增帶有替代文字的圖片

為了讓您的內容對所有使用者都能取得，請遵循以下指引。

新增含有替代文字的圖片

使用照片、圖片、剪貼畫或音訊時，您有責任尊重 版權。

1. 若要開啟 [編輯] 功能區並進入 [編輯] 模式，請在您要編輯的頁面上選取 [編輯] 連結。

2. 將焦點放在您要顯示圖片的位置。

3. 要新增圖片，請從「插入」標籤中開啟「圖片」群組並選擇「從電腦」。

   

   秘訣

   若要透過貼上影像 URL 從網際網路插入圖片，請選取 [從位址]。 要從你的 SharePoint 網站插入圖片，請選擇「從 SharePoint 中」。

4. 選擇你的檔案，在 SharePoint 網站中選擇目標資料夾， (預設選項是 Site Assets 資料夾) ，並附上關於不同影像版本的備註。

5. 要插入你的照片並啟用 圖片工具 標籤，請選擇 確定。

   

   秘訣

   圖片 工具 分頁只有在選取圖片時才會顯示。

6. 移至 [影像] 索引標籤上的 [替代文字] 方塊，然後輸入影像的替代文字。

7. 完成之後，按一下 [儲存]。

協助工具的相關祕訣

• 替代文字應簡潔明瞭。
• 好的替代文字會向聆聽者講述圖片為何重要。

欲了解更多關於替代文本的資訊，包括範例及更多資訊連結，請造訪 WebAIM 替代文本 頁面。