- \n
- How it works<\/strong>: You can upload videos to YouTube or BUniverse and then embed them on your WordPress site.<\/li>\n
- Why use it<\/strong>: BUniverse is a BU-curated platform built on YouTube, making it ideal for public content. You can upload multiple video formats, and the process is quick and easy. This is the best choice when your video is intended for a wider audience and does not require restricted access.<\/li>\n
- Best for<\/strong>: Public-facing con<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
- \n
- MyMedia: <\/strong>Best for private content or larger video files (like Zoom recordings). Using MyMedia, you can upload multiple video formats and share them quickly and easily. MyMedia is a BU-licensed cloud platform and is not fully public. Content can be restricted to members of the BU community. MyMedia is recommended for larger media files such as Zoom recordings.\n
- \n
- How it works<\/strong>: Upload your video to MyMedia, a BU-licensed cloud platform, and then share it through WordPress.<\/li>\n
- Why use it<\/strong>: MyMedia offers more control over who can access your content, as it is not fully public. It\u2019s ideal for BU-related, private, or restricted videos, such as internal training materials or Zoom recordings. Additionally, MyMedia can handle larger video files, which might be problematic on other platforms.<\/li>\n
- Best for<\/strong>: Private or BU community-specific content, and larger video files like Zoom recordings.<\/li>\n<\/ul>\n<\/li>\n
- WordPress Media Library: <\/strong>Only for small, short videos (under 100MB); not ideal for larger videos due to slow download speeds. Using your WordPress Media Library, you can upload video files and link to them. Videos uploaded to WordPress do not stream – visitors will experience download delays.<\/em> This option is only practical for very short clips or loops. Media files uploaded to WordPress must be under 100MB due to potential performance issues when serving large files from WordPress, the best option to use for larger videos is likely uploading to MyMedia or YouTube\/BUniverse and embedded the larger MyMedia\/BUuniverse video onto WordPress pages.\n
- \n
- How it works<\/strong>: Upload video files directly to your WordPress Media Library and link to them from your pages or posts.<\/li>\n
- Why use it<\/strong>: This method allows you to keep videos directly on your WordPress site, but videos uploaded this way will not<\/strong> stream directly\u2014they must be downloaded by visitors, leading to slower load times. Additionally, WordPress only supports files under 100MB, and uploading larger files can impact site performance.<\/li>\n
- Best for<\/strong>: Short video clips or loops that are under 100MB in size. For anything larger, it\u2019s better to use MyMedia or YouTube\/BUniverse and embed the video.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
BUniverse\/YouTube<\/h3>
<\/p>\n- \n
- <\/a>
![\"BUniverse](\"\/tech\/files\/2019\/10\/Screen-Shot-2019-10-08-at-11.29.53-AM-636x337.png\")
Add your video to YouTube\/BUniverse. Give your video a title, description, categories, and tags \u2014 categories and tags help relate your video to other similar content and makes searching easier for visitors.<\/li>\n- Find the Share tools and click the Embed<\/strong> option.<\/li>\n
- Copy the embed code<\/b>. Refer to the additional embed code parameters for sizing. The default size should fit most BU WordPress pages, however if you need to resize your video, be sure to set the correct width for your embed \u2014 the height property will change proportionally to ensure correct aspect ratio.<\/em> If you don\u2019t know what size your video should be, find the dimensions of a web page element<\/a>\u00a0to determine your site’s content column width in pixels.<\/li>\n
- Go to your WordPress page editor and switch the editor to Text<\/strong>\u00a0mode.<\/li>\n
- Paste<\/strong> the copied code.<\/li>\n
- Accessibility Compliance<\/strong> \u2014 Add a title attribute with descriptive text to comply with BU’s Minimum Web Accessibility Standards<\/a>. After pasting the embed code, manually add a title<\/strong> attribute within the iframe tag (e.g.\u00a0
<iframe src=\"[link-url]\" <\/code>title=\"Interviews with students about afternoons on the BU Beach\"<\/code><\/strong>...><\/iframe><\/code><\/li>\n- Use the Preview Changes<\/strong> button to view your page with the video.\n
- \n
- Note: If you switch back to Visual<\/strong> mode, you’ll see a yellow box indicating where your video will show in your content. WordPress doesn’t display the video in the dashboard\/editor for embedded YouTube videos.<\/li>\n<\/ol>\n<\/li>\n
- Click Publish\/Update<\/strong>\u00a0to save all changes.<\/li>\n<\/ol>\n
<\/div>\n<\/div>\n\n
MyMedia.bu.edu<\/h3>
<\/p>\n- \n
- Log in to https:\/\/mymedia.bu.edu<\/a>
\n![\"Click](\"\/tech\/files\/2020\/03\/mymedia1-copy-636x111.jpg\")
<\/li>\n- Find the MyMedia video you want to embed (via Search<\/strong> on the top right navigation, the Media’s URL, or your media\/playlist\/channels).<\/li>\n
- Click the Share<\/strong> button. Note: You will not see a Share<\/strong> button if you are not logged into MyMedia with Kerberos or the account does not have permission to share video.
\n![\"Once](\"\/tech\/files\/2020\/03\/mymedia2-copy-636x442.jpg\")
\n<\/em><\/li>\n- Click\u00a0Share,<\/strong>\u00a0then click Embed<\/strong> tab.<\/li>\n
- For responsive videos (recommended), select the largest Maximum Player Size<\/strong> 608×402 and turn Responsive Sizing<\/strong>\u00a0on.
\n![\"For](\"\/tech\/files\/2020\/03\/mymedia3-copy-636x453.jpg\")
<\/li>\n- Copy the embed code<\/strong>.<\/li>\n
- Switch to your BU WordPress page in editing mode.<\/li>\n
- Switch from Visual<\/strong> to Text<\/strong> editor.<\/li>\n
- Paste the copied embed code from MyMedia in the location you would like the video to appear. (Switch back to Visual editor to confirm the video appears where you intended.)<\/li>\n
- Accessibility Compliance<\/strong> \u2014 Enter a descriptive title to comply with BU’s Minimum Web Accessibility Standards<\/a>. After pasting the embed code, change the iframe title<\/strong> attribute. It’s a lot of code, but find the attribute
title=\"Kaltura Player\"<\/code><\/strong>\u00a0and change that to something appropriately descriptive\u00a0title=\"Interviews with students about afternoons on the BU Beach\"<\/code><\/strong>
\n![\"Click](\"\/tech\/files\/2020\/03\/mymedia4-copy-636x244.jpg\")
<\/code><\/li>\n- Publish\/Update your page. Visit the page in a browser to ensure it plays as expected.<\/li>\n<\/ol>\n
<\/div>\n<\/div>\n\n
WordPress Media Library<\/h3>
\nFor very short videos that do not require streaming, your WordPress Media Library may be a viable option.<\/p>\n- \n
- Upload your video file to your WordPress Media Library.<\/li>\n
- You can link to your video file.<\/li>\n
- You cannot upload files larger than 100MB.<\/li>\n
- Videos in the WP Media Library do not stream — visitors must download the entire file for the video to play.<\/li>\n<\/ul>\n
<\/div>\n<\/div>\n\n
Legacy instructions: Fix nav drop-downs that appear behind videos<\/h3>
<\/p>\nIf you are still using an old, pre-responsive WordPress theme and you have encountered a situation where your drop-down nav menus fall behind your video embeds, this *may* fix the situation. This problem is specific to Internet Explorer. The better fix is to contact IS&T to plan to upgrade to a newer, responsive theme.<\/p>\n
- \n
- Edit the Page<\/strong> that has the problematic video and switch to Text<\/strong> mode<\/strong> in the content editor.<\/li>\n
- Find the video code within your HTML. It will usually start with
<object><\/code> or<iframe><\/code>. Depending on which method you’re using determines which code you’ll use to fix it.<\/li>\n- If you are using
<object><\/code> add the following parameter to you code amongst the other parameters:<param name=\"wmode\" value=\"opaque\" \/><\/code>
\n![\"Adding](\"\/tech\/files\/2011\/01\/tw-wordpress-faq-object-636x74.png\")
\nAdding the additional parameter to the list of other parameters for the object embedded video player.<\/li>\n- If you are using
<iframe><\/code> add the following code to the end of the URL reference:?wmode=opaque<\/code>
\n![\"Adding](\"\/tech\/files\/2011\/01\/tw-wordpress-faq-iframe-636x50.png\")
\nWe’ve added ?wmode=opaque to the end of the video link URL.<\/li>\n- Preview<\/strong> your Page before saving to make sure these changes worked.<\/li>\n
- Save\/Update<\/strong> your Page to make the changes live.<\/li>\n<\/ol>\n
<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"
There are three primary ways to add video content to your website on BU WordPress: YouTube\/BUniverse: Best for public content; fast and easy. Using YouTube\/BUniverse, you can upload multiple video formats and share them quickly and easily. BUniverse is a curated front-end for YouTube. This option is for public content. How it works: You can…<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":304,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/122942"}],"collection":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/comments?post=122942"}],"version-history":[{"count":25,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/122942\/revisions"}],"predecessor-version":[{"id":155156,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/122942\/revisions\/155156"}],"up":[{"embeddable":true,"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/pages\/304"}],"wp:attachment":[{"href":"https:\/\/www.bu.edu\/tech\/wp-json\/wp\/v2\/media?parent=122942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Find the video code within your HTML. It will usually start with
- Edit the Page<\/strong> that has the problematic video and switch to Text<\/strong> mode<\/strong> in the content editor.<\/li>\n
- Find the MyMedia video you want to embed (via Search<\/strong> on the top right navigation, the Media’s URL, or your media\/playlist\/channels).<\/li>\n
- Click Publish\/Update<\/strong>\u00a0to save all changes.<\/li>\n<\/ol>\n
- Find the Share tools and click the Embed<\/strong> option.<\/li>\n
- Why use it<\/strong>: This method allows you to keep videos directly on your WordPress site, but videos uploaded this way will not<\/strong> stream directly\u2014they must be downloaded by visitors, leading to slower load times. Additionally, WordPress only supports files under 100MB, and uploading larger files can impact site performance.<\/li>\n
- Why use it<\/strong>: MyMedia offers more control over who can access your content, as it is not fully public. It\u2019s ideal for BU-related, private, or restricted videos, such as internal training materials or Zoom recordings. Additionally, MyMedia can handle larger video files, which might be problematic on other platforms.<\/li>\n
- How it works<\/strong>: Upload your video to MyMedia, a BU-licensed cloud platform, and then share it through WordPress.<\/li>\n
- Why use it<\/strong>: BUniverse is a BU-curated platform built on YouTube, making it ideal for public content. You can upload multiple video formats, and the process is quick and easy. This is the best choice when your video is intended for a wider audience and does not require restricted access.<\/li>\n