You are here

brightcove-player-responsive.html.twig in Brightcove Video Connect 8.2

Same filename and directory in other branches
  1. 3.x templates/brightcove-player-responsive.html.twig

brightcove-video-player.html.twig Default theme implementation to display Brightcove video player.

This template is used when dispalying the Brightcove video player.

Available variables:

  • account (string): Account ID.
  • data_usage (string): Module version indicator.
  • embed (string): Parent/child relationship, where parent is always default, and child players has the ID of the parent player.
  • id (int): ID of the Brightcove video or playlist.
  • is_playlist (bool): Indicates whether it is a playlist player or a single video player.
  • player (string): Player ID.
  • type (string): The type of the player, playlist or video.
  • video_id (string): Video ID.

File

templates/brightcove-player-responsive.html.twig
View source
  1. {#
  2. /**
  3. * @file brightcove-video-player.html.twig
  4. * Default theme implementation to display Brightcove video player.
  5. *
  6. * This template is used when dispalying the Brightcove video player.
  7. *
  8. * Available variables:
  9. * - account (string): Account ID.
  10. * - data_usage (string): Module version indicator.
  11. * - embed (string): Parent/child relationship, where parent is always
  12. * default, and child players has the ID of the parent player.
  13. * - id (int): ID of the Brightcove video or playlist.
  14. * - is_playlist (bool): Indicates whether it is a playlist player or a single video player.
  15. * - player (string): Player ID.
  16. * - type (string): The type of the player, playlist or video.
  17. * - video_id (string): Video ID.
  18. *
  19. * @ingroup themeable
  20. */
  21. #}
  22. <div class="brightcove-player sizing-responsive">
  23. <div style="max-width: {{- max_width ~ units -}};">
  24. <video-js class="vjs-fluid"
  25. controls=""
  26. data-account="{{- account -}}"
  27. data-embed="{{- embed -}}"
  28. data-player="{{- player -}}"
  29. data-usage="{{- data_usage -}}"
  30. data-{{- type -}}-id="{{- id -}}"
  31. ></video-js>
  32. </div>
  33. {% if is_playlist %}
  34. <ol class="vjs-playlist"></ol>
  35. {% endif %}
  36. <script src="//players.brightcove.net/{{- account -}}/{{- player -}}_{{- embed -}}/index.min.js"></script>
  37. </div>