新增影片、音訊或影像至傳統頁面

將影片插入至傳統 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. 輸入您想要使用的檔案 URL，然後按一下 [確定]。 URL 必須直接指向影片檔案。 例如： 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 傳統版，您可以將 Office 365 影片或 Microsoft Stream 新增至您的頁面。 請參閱內嵌來自 Microsoft 365 影片的影片或使用 Stream 網頁組件。

新增含有替代文字的圖片

使用相片、影像、美工圖案或音訊時，您有責任尊重 著作權。

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

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

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

   

   秘訣

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

4. 選擇您的檔案，在 SharePoint 網站中選取目的地資料夾， (預設選擇是 [網站資產 ] 資料夾) ，並包含關於不同影像版本的任何附註。

5. 若要插入您的圖片並啟用 [影像] 索引標籤，請選取 [確定]。

   

   秘訣

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

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

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

協助工具的相關祕訣

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

如需替代文字的詳細資訊，包括範例和詳細資訊的連結，請造訪 WebAIM 替代文字 頁面。

將媒體網頁組件新增至頁面

您可以使用媒體網頁組件在頁面上播放音訊或視訊剪輯。 如需媒體網頁組件支援的特定視訊和音訊格式的詳細資訊，請參閱 Silverlight 中支援的媒體格式和通訊協定。

您必須具備編輯頁面的權限才能遵循此程序。

1. 移至您想要更新的頁面。

2. 在功能區的 [頁面 ] 索引標籤上，按一下 [編輯]。

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

   • 如果您正在編輯 Wiki 頁面或發佈頁面，請在要新增媒體網頁組件的頁面上按一下可編輯的位置，按一下功能區上 [編輯工具] 下的 [插入] 索引標籤，然後按一下 [視訊和音訊]。
   • 如果您正在編輯網頁組件頁面，請在您要內嵌媒體的欄或區域中，按一下 [ 新增網頁組件 ]。 在 [類別] 底下，按一下 [媒體與內容]。 在 [網頁組件] 底下，按一下 [ 媒體網頁組件]，然後按一下 [新增]。

4. 當媒體網頁組件出現在頁面上時，按一下說明 [按一下這裡進行設定] 的文字。
   

5. 按一下功能區上的 [媒體選項 ] 索引標籤。

6. 若要設定媒體網頁組件以顯示特定的音訊或視訊檔案，請指向 [變更媒體]，然後選取下列其中一項：

   • 若要從您的電腦上傳檔案，請按一下 [從電腦]，瀏覽至您想要的檔案位置，然後按一下 [確定]。

   • 若要內嵌已儲存至 SharePoint 網站的視訊，請按一下 [從 SharePoint]，然後瀏覽至您網站上儲存視訊和音訊檔案的位置，例如 資產庫。 選取您想要的檔案，然後按一下 [確定]。

   • 若要內嵌來自影片共用網站的影片，請按一下 [寄件者位址]，然後輸入您想要使用的檔案 URL，然後按一下 [確定]。

     媒體網頁組件支援從直接指向視訊檔案的 URL 位址播放檔案。 例如： http://contoso.com/VideoFile.wmv。 如果您對託管影片的頁面使用內嵌程式碼或分享連結，它們將無法運作。 如需使用內嵌程式碼內嵌視訊的詳細資訊，請參閱 使用內嵌程式碼在頁面上內嵌視訊。

7. 選取想要的檔案後，按一下 [確定]。

8. 在 [預覽 ] 群組中，指向 [變更影像]，然後選取您要顯示為音訊或視訊檔案預覽的影像檔案。 如果不更新預覽影像，則會顯示檔案類型的預設影像。

9. 在 [內容 群組] 中，指定您要針對網頁組件顯示的標題。 您也可以指定是否要讓檔案在頁面載入時自動播放，或是應該循環播放直到停止。

10. 在功能區上的 [播放程式樣式 ] 群組中，指向 [播放程式] ，然後選取您偏好的播放程式樣式。

11. 在功能區上的 [大小 ] 群組中，您可以選擇性地指定您想要對播放程式的 [水平] 和 [垂直] 大小所做的任何變更。

設定內容查詢網頁組件以顯示視訊

您可以使用內容查詢網頁組件，在頁面中新增視訊或音訊檔案的動態顯示。 如果您想在頁面中新增一個包含「評分最高」影片或所有具有特定中繼資料標籤的影片的區段，這非常有用。

當您將內容查詢網頁組件新增至頁面時，可以將其設定為查詢網站上符合特定準則的所有內容項目。 然後在頁面上顯示該查詢的結果。 如果新內容新增至網站，且符合查詢準則，該內容也會顯示在網頁組件中。 內容查詢網頁組件可以從個別清單或文件庫，或網站集合中多個清單和文件庫傳回內容。

您必須具備編輯頁面的權限才能遵循此程序。

此程序假設您想要顯示視訊，但它也適用於音訊或影像檔案。

1. 移至您想要更新的頁面。

2. 在功能區的 [頁面] 索引標籤上，按一下 [編輯]。 執行下列其中一個動作：

   • 如果您正在編輯 Wiki 頁面或發佈頁面，請按一下頁面的可編輯區域，以便新增內容查詢網頁組件。 按一下 [編輯工具] 功能區的 [插入] 索引標籤，然後按一下 [網頁組件]。 在 [類別] 底下，按一下 [內容彙總]。 在 [網頁組件] 底下，按一下 [內容查詢]，然後按一下 [新增]。
   • 如果您正在編輯網頁組件頁面，請在您要新增內容查詢網頁組件的欄或區域中，按一下 [ 新增網頁組件 ]。 在 [類別] 底下，按一下 [內容彙總]。 在 [網頁組件] 底下，按一下 [內容查詢]，然後按一下 [新增]。

3. 在 [內容查詢] 網頁組件中，按一下箭號，然後按一下 [ 編輯網頁組件]。

4. 按一下 [開啟工具窗格] 連結。

5. 在 [內容查詢] 工具窗格中，按一下以展開 [查詢]。

6. 在 [來源] 底下，指定要顯示之項目的位置。 如有需要，請瀏覽至特定網站、子網站或清單的位置。

7. 如果您將查詢範圍設定為網站，請在 [清單類型] 底下，指定要顯示項目的清單類型。 如果您在步驟 6 中選取了特定清單或文件庫，則此欄位將自動填入。

8. 在 [內容類型] 底下的 [ 顯示此內容類型的項目] 群組 底下，選取 [數位資產內容類型]。

9. 在 [顯示此內容類型的項目] 底下，選取 [影片]。 如果您的組織已建立數位資產內容類型的自訂版本，您也可以選取 [ 包含子內容類型] 核取方塊。

10. 或者，在 [客群目標設定] 下，您可以選擇套用客群篩選，這會根據您網站的客群目標設定方式，向特定客群顯示特定專案。

11. 在 [其他篩選] 下，您可以使用項目中繼資料來篩選顯示的內容。 例如，如果您想要顯示已使用特定關鍵字標記的影片，請選取 [ 企業關鍵字] 並加上運算子 包含 [任一]，然後輸入您想要的值。

12. 如果您想要新增更多篩選條件，請按一下 [和 ] 或 [或 ] 並指定其他篩選條件。

13. 展開 [簡報]，在 [分組和排序]、[ 樣式] 和 [欄位] 下進行您要顯示的任何自訂。 在 [樣式] 底下，如果您希望網站訪客能夠直接在瀏覽器中播放媒體剪輯，請務必選取 [ 在瀏覽器中播放媒體連結 ] 核取方塊。

    最初設定內容查詢網頁組件時，您可能不知道要如何設定[簡報] 下的項目。 先在網頁組件中預覽查詢，然後再次編輯查詢，以自訂資訊的外觀可能會很有幫助。

    例如，如果您不自訂 [簡報] 下的任何設定，影片可能會顯示大型預覽影像，這可能與頁面設計不配合。 在這種情況下，您可能需要在 [樣式] 底下選取 [ 固定影像大小]|項目樣式， 為網站訪客提供小型預覽影像，讓他們可以按一下以播放影片。 下列範例顯示顯示三個影片的內容查詢網頁組件。 它已設定為固定的影像大小。
    

14. 按一下 [確定]。

15. 儲存對頁面的變更。

如需內容查詢網頁組件的詳細資訊，請參閱 新增內容查詢網頁組件，在頁面上顯示內容的動態檢視。

使用內嵌程式碼在頁面上內嵌影片

如果您想要使用來自第三方影片共用網站的內嵌程式碼將影片新增至頁面，您可以將內嵌程式碼新增至 [內容編輯器] 網頁組件來實現。

您必須擁有 Designer 許可權才能遵循此程序。

1. 找出您要在頁面上內嵌的影片，然後複製內嵌程式碼。

2. 移至您想要更新的頁面。

3. 在功能區的 [頁面 ] 索引標籤上，按一下 [編輯]。 執行下列其中一個動作：

   • 如果您要編輯 Wiki 頁面，請按一下頁面上您要新增內容編輯器網頁組件的位置，按一下 [編輯工具] 功能區的 [插入] 索引標籤，然後按一下 [網頁組件]。 在 [類別] 底下，按一下 [媒體與內容]。 在 [網頁組件] 底下，按一下 [ 內容編輯器]，然後按一下 [ 新增]。
   • 如果您正在編輯網頁組件頁面，請在您要內嵌媒體的欄或區域中，按一下 [ 新增網頁組件 ]。 在 [類別] 底下，按一下 [媒體與內容]。 在 [網頁組件] 底下，按一下 [ 內容編輯器]，然後按一下 [ 新增]。

4. 在 [內容編輯器] 網頁組件中，指向箭號，然後按一下 [ 編輯網頁組件]。

5. 在 [內容編輯器] 網頁組件中，輸入您想要顯示的任何文字來介紹影片。

6. 在 [編輯工具] 功能區的 [格式化文字] 索引標籤上，按一下 [標記] 群組中的 [HTML]，然後按一下 [編輯 HTML 來源]。
   

7. 將內嵌程式碼貼到 [HTML 來源] 對話方塊中，然後按一下 [確定]。
   

8. 如果網站上的頁面需要結帳，請儲存頁面 (或儲存並簽入) 。

9. 按一下內嵌影片播放程式上的 [播放] 按鈕來播放影片。

使用替代文字新增影像

為了讓所有使用者都能存取您的內容，請遵循這些準則。

新增含有替代文字的圖片

使用相片、影像、美工圖案或音訊時，您有責任尊重 著作權。

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

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

3. 若要新增影像，請從 [插入 ] 索引標籤開啟 [ 圖片 ] 群組，然後選取 [ 從電腦]。

   

   秘訣

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

4. 選擇您的檔案，在 SharePoint 網站中選取目的地資料夾， (預設選擇是 [網站資產 ] 資料夾) ，並包含關於不同影像版本的任何附註。

5. 若要插入您的圖片並啟用 [圖片工具] 索引標籤，請選取 [確定]。

   

   秘訣

   [ 圖片工具 ] 索引標籤只有在選取影像時才會顯示。

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

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

協助工具的相關祕訣

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

如需替代文字的詳細資訊，包括範例和詳細資訊的連結，請造訪 WebAIM 替代文字 頁面。