傳統的頁面上新增視訊、 音訊或圖像

重要:  本文係由機器翻譯而成,請參閱免責聲明。本文的英文版本請見這裡,以供參考。

您可以新增傳統SharePoint頁面媒體 (例如視訊、 音訊或圖像)。媒體檔案可能來自您的電腦、 從 SharePoint],或從其他位置,例如檔案共用。您可以內嵌視訊從視訊分享網站,例如 YouTube、 Vimeo 或 Hulu。

警告: 如果您在上傳音訊檔案。WAV 格式,您可能會看到一則訊息,並不正確的大部分的瀏覽器。郵件狀態,[媒體播放器網頁組件無法播放此格式的檔案]。這是正確的 Chrome 以外所有支援的瀏覽器。略過該郵件,並繼續上傳檔案。

重要: 您必須具備編輯頁面的權限,才能執行此程序。

標準 SharePoint Online 中,將視訊插入 2016年或 2013年頁面

  1. 移至您要新增媒體的頁面。

  2. 選取 [頁面] 索引標籤。然後按一下功能區的 [編輯]

  3. 在頁面上可編輯的區域內按一下。

  4. 選擇 [插入] 索引標籤,然後在 [功能區上的 [多媒體] 群組中,按一下 [視訊和音訊]。

    在 [編輯] 功能區中插入影片或音訊] 按鈕

  5. 您會看到下列選項:

    • 從電腦

    • 內嵌

    • 從 SharePoint

    • 從位址

    如需如何使用其中一個選項插入媒體的相關資訊,請按下列其中一個連結。

若要從電腦上傳檔案,請執行這些步驟。

  1. 按一下 [從電腦]

  2. 瀏覽至所需檔案的位置,選取該檔案並按一下 [開啟]

  3. 指定您要儲存檔案的位置目的地文件庫。
    我們建議您為目的地指定資產庫。資產庫專門用來媒體],並自動包含視訊的縮圖圖像預覽等功能。這些功能,方便您使用的媒體檔案。
    若要瞭解如何將媒體檔案的資產庫,請參閱設定儲存圖像、 音訊或視訊檔案的資產庫

  4. 按一下 [確定]

若要內嵌視訊從視訊分享網站,例如 YouTube、 Vimeo、 Hulu 或類似的網站,請依照這些基本步驟。

在視訊網站上執行這項操作:

  1. 顯示您想要使用的視訊。

  2. 尋找並按一下 [視訊的 [共用]

  3. 依網站,您可能需要按一下 [內嵌] 連結,或直接可能。按一下內嵌程式碼並按下CTRL+C複製,或以滑鼠右鍵按一下並按一下 [複製],請從操作功能表。

安全性附註 :  基於安全性,SharePoint 只支援使用 <iframe> 標籤的內嵌程式碼。

在您的 SharePoint 網站上執行這項操作:

  1. 按一下 [內嵌]。

  2. 在對話方塊中,然後貼上內嵌程式碼。

    從視訊分享網站複製之視訊的 <iframe> 內嵌程式碼的螢幕擷取畫面。內嵌程式碼是虛構的。

    提示:  從熱門的視訊分享網站取得視訊的內嵌程式碼,一般都很容易。只要尋找 [內嵌][分享] 選項,並遵循畫面上的指示,即可顯示內嵌程式碼。出現內嵌程式碼時,請複製並貼上程式碼,如上圖所示。

  3. 按一下 [插入]

若要從 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. 從 [插入] 索引標籤開啟 [視訊和音訊] 群組,然後選取 [內嵌],以開啟 [內嵌] 對話方塊。

    SharePoint Online 中之 [內嵌] 對話方塊的螢幕擷取畫面,貼上視訊或音訊檔案的指令碼或內嵌程式碼,然後插入程式碼。
  5. 將內嵌程式碼貼入欄位中,並將音訊檔案的 URL 貼在 “src=” 後面且介於引號之間。

    <audio src="your-audio-file-URL-here.mp3"controls="controls"></audio>

    此程式碼會在頁面上放置媒體控制列。使用者可以透過此控制列開始及停止播放。

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

  6. 完成後,請選取 [插入] 將音訊控制放在頁面上。內嵌的音訊控制看起來像這樣:

    SharePoint Online 的螢幕擷取畫面,程式碼片段音訊控制項列會顯示音訊檔案的時間總長度,並提供可啟動和停止播放檔案的的控制項。
  7. 將焦點放在音訊控制程式碼片段的結尾,然後按 Enter 鍵移至下一行。

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

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

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

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

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

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

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

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

如果您使用的 SharePoint Online 傳統,您可以新增Office 365 影片或Microsoft Stream至您的頁面。請參閱從 Office 365 影片的影片內嵌使用資料流網頁組件

使用相片、 圖像、 美工圖案] 或音訊時,您必須尊重著作權

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

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

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

    SharePoint Online 功能區的螢幕擷取畫面。選取 [插入] 索引標籤,然後選取 [圖片],選擇要從您的電腦、網址或 SharePoint 位置來上傳檔案。

    提示: 若要從網際網路的圖片插入圖像 URL 貼到中,選取 [從位址。若要從SharePoint網站中插入圖像,請選取 [從 SharePoint]。

  4. 選擇您的檔案的目標資料夾在SharePoint網站 (預設選項為 [網站資產] 資料夾)],然後選取包含不同的圖像版本的相關的任何筆記。

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

    螢幕擷取畫面顯示一段已選取 [影像] 索引標籤的 SharePoint Online 功能區,以及 [選取]、[屬性]、[樣式]、[排列]、[大小] 及 [間距] 群組中的可用選項。

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

  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. 儲存變更至頁面。

如需有關內容查詢網頁組件的詳細資訊,請參閱藉由新增內容查詢網頁組件頁面內容的動態檢視顯示

如果您想要使用從協力廠商視訊分享網站內嵌程式碼將視訊新增至頁面,您可以藉由新增內容編輯器網頁組件的內嵌程式碼執行。

您必須設計者 」 權限,才能執行此程序。

  1. 找出您想要在頁面上,內嵌視訊,並複製內嵌程式碼。

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

  3. 在功能區的 [頁面] 索引標籤中,按一下 [編輯。請執行下列其中一項:

    • 如果您要編輯 wiki 頁面,按一下頁面上您要新增內容編輯器網頁組件,按一下 [插入] 索引標籤的編輯工具] 功能區,再按一下 [網頁組件的位置。在 [類別] 底下,按一下 [媒體及內容]。在 [網頁組件中,按一下 [內容編輯器],然後按一下新增

    • 如果您要編輯網頁組件頁面,按一下 [資料行中的 [新增網頁組件或您想要內嵌媒體區域]。在 [類別] 底下,按一下 [媒體及內容]。在 [網頁組件中,按一下 [內容編輯器],然後按一下新增

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

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

  6. 在 [編輯工具] 功能區的 [標記] 群組中的 [文字格式] 索引標籤上按一下HTML,然後按一下 [編輯 HTML 原始檔
    [編輯 HTML 原始檔] 命令

  7. 貼入 [ HTML 原始檔] 對話方塊中的內嵌程式碼,然後按一下[確定]
    包含視訊內嵌程式碼之內容編輯網頁組件的 [HTML 原始檔] 編輯器

  8. 儲存頁面 (或 [儲存並如果取出是必要的網站上的頁面中,核取)。

  9. 按一下以播放視訊的內嵌視訊播放程式的 [播放] 按鈕。

新增含有替代文字的圖像

若要讓您的內容存取所有使用者,請遵循下列方針。

使用相片、 圖像、 美工圖案] 或音訊時,您必須尊重著作權

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

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

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

    按一下 [圖片] 按鈕,在功能區],然後選取 [從電腦、 地址或 SharePoint。

    提示: 若要從網際網路的圖片插入圖像 URL 貼到中,選取 [從位址。若要從SharePoint網站中插入圖像,請選取 [從 SharePoint]。

  4. 選擇您的檔案的目標資料夾在SharePoint網站 (預設選項為 [網站資產] 資料夾)],然後選取包含不同的圖像版本的相關的任何筆記。

  5. 若要將您的圖片,並啟動 [圖片工具] 索引標籤,選取[確定]

    圖片工具] 索引標籤可讓您設定大小、 樣式、 位置及替代文字的圖像。

    提示: 選取圖像時,只會顯示 [圖片工具] 索引標籤。

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

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

協助工具的相關秘訣   

  • 替代文字應簡潔明瞭。

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

如需有關替代文字的詳細資訊 (包括範例及詳細資訊連結),請瀏覽 WebAIM 替代文字頁面 (英文)。

支援的視訊格式

媒體網頁組件使用 html 5 視訊,以及支援 asf、 avi、 mpg、 mp3、 mp4、 ogg、 ogv、 webm、 wma 和 wmv 的影片格式

傳統 Silverlight 媒體網頁組件支援 asf、 mp3、 mp4、 wma 和 wmv。

附註: 機器翻譯免責聲明︰本文係以電腦系統翻譯而成,未經人為介入。Microsoft 提供此等機器翻譯旨在協助非英語系使用者輕鬆閱讀 Microsoft 產品、服務及技術相關內容。基於本文乃由機器翻譯而成,因此文中可能出現詞辭、語法、文法上之錯誤。

擴展您的技能
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×