{"id":1264,"date":"2022-05-04T14:15:01","date_gmt":"2022-05-04T18:15:01","guid":{"rendered":"https:\/\/wpdocs.bu.edu\/eng\/?page_id=1264"},"modified":"2022-08-26T15:33:35","modified_gmt":"2022-08-26T19:33:35","slug":"video","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/eng\/banners\/video\/","title":{"rendered":"Video"},"content":{"rendered":"

This page is an example of the banner layout “Video,” with the “Light” text option. The banner features a wide image representing the content of the video with text displayed over the center of the image and a button to play the video.<\/p>\n

Editing the Banner<\/h2>\n

On the back end, find the\u00a0<\/span>Banner Settings<\/strong>\u00a0<\/span>section. Select the layout “Video.” Choose “Light” or “Dark” text. Add or update the Title, Subtitle, and Content link. Select YouTube, Vimeo or Buniverse for the type of video, and enter the ID of the video.<\/p>\n

\"Wordpress<\/p>\n

Finding the Video ID<\/h2>\n

The ID for a video is unique to each video platform, but is usually part of the\u00a0<\/span>URL\u00a0and is either a number or random string of characters. The screenshots below show where to find the ID for each supported video platform.<\/span><\/p>\n

YouTube<\/h3>\n

\"YouTube<\/p>\n

Vimeo<\/h3>\n

\"Vimeo<\/p>\n

BUniverse<\/h3>\n

\"BUniverse<\/p>\n

Text Color<\/h2>\n

Choosing “Light” will make the banner text white and add a black transparent overlay to the image. Choosing\u00a0“Dark” <\/span>will make the banner text black and add\u00a0<\/span>a white background to the caption area. The transparent overlay or background color help make the text more legible on top of the image.<\/span><\/p>\n

Banner Images<\/h2>\n

Banner images will be<\/span>\u00a0<\/span>cropped\u00a0automatically on upload\u00a0for desktop and mobile devices.\u00a0Images should be\u00a0<\/span>under 250KB<\/a>\u00a0<\/span>and\u00a0<\/span>at least\u00a03840 by 2048 pixels<\/strong>,\u00a0with\u00a0the focal point of the image in the vertical and horizontal center.\u00a0<\/span>Use this\u00a0<\/span>Photoshop template<\/a>\u00a0<\/span>as a guide.<\/p>\n","protected":false},"excerpt":{"rendered":"

This page is an example of the banner layout “Video,” with the “Light” text option. The banner features a wide image representing the content of the video with text displayed over the center of the image and a button to play the video. Editing the Banner On the back end, find the\u00a0Banner Settings\u00a0section. Select the […]<\/p>\n","protected":false},"author":16543,"featured_media":0,"parent":270,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/pages\/1264"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/users\/16543"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/comments?post=1264"}],"version-history":[{"count":5,"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/pages\/1264\/revisions"}],"predecessor-version":[{"id":1482,"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/pages\/1264\/revisions\/1482"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/pages\/270"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/eng\/wp-json\/wp\/v2\/media?parent=1264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}