在Facebook中發布Brightcove播放器即時文章

在本主題中，您將學習如何在Facebook Instant Article頁面上發布Brightcove Player。

Facebook Instant Articles是一種快速互動的體驗，用於閱讀Facebook News Feed中的文章。即時文章可以直接從內容管理系統（使用即時文章API）發布，也可以通過提供RSS feed來發布。即時文章的顯示速度是標準移動網絡文章的十倍。當您關注的朋友或頁面共享新聞源中的鏈接時，Facebook將檢查是否有與該URL相關的即時文章。如果是這樣，Facebook會將其顯示為即時文章。如果沒有，它將在網絡瀏覽器中打開。

Instant Article中嵌入的Brightcove播放器繼續支持：

  • 片前和片中廣告
  • Brightcove 分析
  • 第三方插件

請注意，雖然 Brightcove 將收集分析資料，但分析中記錄的顯示網域將是brightcove.com網域，而不是facebook.com網域。

儘管可以使用“即時文章”共享不同類型的內容，但本主題涵蓋了在“即時文章”頁面中共享Brightcove播放器。有關即時文章的完整信息，請參閱 Facebook 文檔。

生成播放器嵌入代碼

在即時文章中無需更改播放器屬性即可使用它。請按照以下步驟為即時文章生成播放器嵌入代碼：

  1. 從視頻雲工作室採取標準的 iframe 嵌入代碼，並將其放置在一個 HTML5 <figure>元素內。 
    	<圖>
	 < 視頻 =」//玩家/1486906377/V1預設/索引.
	 允許全屏網絡小工具允許全屏模擬全屏寬度 =「640」高 < 度 =「360」>
	</figure>
  2. 將op-interactive類添加到標figure籤。 
    	 < 圖形類別 =「作業互動」 >
	 < 視頻 =」//玩家/1486906377/V1預設/索引.
	 允許全屏網絡小工具允許全屏模擬全屏寬度 =「640」高 < 度 =「360」>
	</figure>
  3. 給內部框架一個width和height。width和height設置縱橫比，而不是播放器的絕對大小。完成的代碼將如下所示： 
    	<figure class =“ op-interactive”>
	 < 視頻 =」//玩家/1486906377/V1預設/索引.
	 允許全屏網絡支持全屏模擬允許全屏寬度 =「16」高度 =「9」 >  <  /iframe >
	</figure>