Share Playlist Plugin Example


Add the share interface to the player.

Also see basic share example.

Supporting Twitter Cards

You can lean more about twitter cards in the detailed twitter card documentation

Sample Kaltura player Twitter card markup: 
  1. <meta name="twitter:card" content="player">
  2. <meta name="twitter:site" content="@Kaltura">
  3. <meta name="twitter:title" content="Kaltura Player: Share Plugin example">
  4. <meta name="twitter:description" content="Kaltura presenting the new v2 player">
  5. <meta name="twitter:image" content="https://cdnsecakmi.kaltura.com/p/243342/sp/24334200/thumbnail/entry_id/1_sf5ovm7u/version/100003/width/400">
  6. <meta name="twitter:player" content="https://cdnapisec.kaltura.com/p/243342/sp/24334200/embedIframeJs/uiconf_id/32070891/partner_id/243342?iframeembed=true&playerId=kaltura_player&entry_id=1_sf5ovm7u">
  7. <meta name="twitter:player:width" content="600">
  8. <meta name="twitter:player:height" content="370">
  9. <-- To support twiter native app embeds include content stream -->
  10. <meta name="twitter:player:stream" content="https://cdnapisec.kaltura.com/p/243342/sp/24334200/playManifest/entryId/1_sf5ovm7u/flavorId/1_d2uwy7vv/format/url/protocol/http/a.mp4">
  11. <meta name="twitter:player:stream:content_type" content="video/mp4; codecs=&quot;avc1.42E01E1, mp4a.40.2&quot;">

Supporting Facebook Embeds

Facebook supports html5 player embeds via open graph.

Sample Kaltura player Facebook Open Graph markup: 
  1. <!-- Facebook Open Graph tags -->
  2. <meta property="og:title" content="Kaltura Player: Share Plugin example" />
  3. <meta property="og:url" content="http://player.kaltura.com/modules/KalturaSupport/components/share/Share.html">
  4. <meta property="og:description" content="Kaltura Player: Share plugin demonstrates the ease of which social share can be configured with the kaltura player toolkit." />
  5. <meta property="og:type" content="video" />
  6. <meta property="og:image" content="http://cdnbakmi.kaltura.com/p/243342/sp/24334200/thumbnail/entry_id/1_sf5ovm7u/version/100003/width/400" />
  7. <meta property="og:image:seucre_url" content="https://cdnsecakmi.kaltura.com/p/243342/sp/24334200/thumbnail/entry_id/1_sf5ovm7u/version/100003/width/400" />
  8.  
  9. <!-- direct asset ref: -->
  10. <meta property="og:video" content="https://cdnapisec.kaltura.com/p/243342/sp/24334200/playManifest/entryId/1_sf5ovm7u/flavorId/1_d2uwy7vv/format/url/protocol/http/a.mp4" />
  11. <meta property="og:video:type" content="video/mp4" />	
  12. <meta property="og:site_name" content="Kaltura" />
  13.  
  14. <!-- Facebook iframe embed  -->
  15. <meta property="og:video:url" content="https://cdnapisec.kaltura.com/p/243342/sp/24334200/embedIframeJs/uiconf_id/32070891/partner_id/243342?iframeembed=true&playerId=kaltura_player&entry_id=1_sf5ovm7u">
  16. <meta property="og:video:secure_url" content="https://cdnapisec.kaltura.com/p/243342/sp/24334200/embedIframeJs/uiconf_id/32070891/partner_id/243342?iframeembed=true&playerId=kaltura_player&entry_id=1_sf5ovm7u&">
  17. <meta property="og:video:type" content="text/html">
  18. <meta property="og:video:width" content="560">
  19. <meta property="og:video:height" content="395">
  20.  
  21. <!--  legacy swf embed:  -->
  22. <meta property="og:video:url" content="https://cdnapisec.kaltura.com/index.php/kwidget/cache_st/1423160141/wid/_243342/uiconf_id/32070891/entry_id/1_sf5ovm7u" />
  23. <meta property="og:video:secure_url" content="https://cdnapisec.kaltura.com/index.php/kwidget/cache_st/1423160141/wid/_243342/uiconf_id/32070891/entry_id/1_sf5ovm7u" />
  24. <meta property="og:video:type" content="application/x-shockwave-flash"> 
  25. <meta property="og:video:width" content="600" />
  26. <meta property="og:video:height" content="370" />
html5 qunit | flash qunit