{"id":3736,"date":"2018-02-09T11:45:32","date_gmt":"2018-02-09T16:45:32","guid":{"rendered":"http:\/\/itg.emerson.edu\/word\/?p=3736"},"modified":"2018-02-09T11:45:32","modified_gmt":"2018-02-09T16:45:32","slug":"how-to-embed-videos-in-omeka-items","status":"publish","type":"post","link":"https:\/\/websites.emerson.edu\/itg\/how-to-embed-videos-in-omeka-items\/","title":{"rendered":"How to Embed Videos in Omeka Items"},"content":{"rendered":"<p>Are you a librarian, archivist, or scholar interested in creating your own digital collection? <strong>Omeka<\/strong>, one of the tools you can install on your <strong><a href=\"https:\/\/emerson.build\/\" target=\"_blank\" rel=\"noopener\">Emerson.build<\/a> domain<\/strong>, might be for you! Omeka is a content management system similar in some ways to WordPress or Drupal, but unique in its focus on curation and archival metadata. It&#8217;s great for creating digital exhibits that showcase scholarship\u2014both texts and media\u2014in interactive, detailed, and highly organized ways.<\/p>\n<p>An &#8220;item&#8221; is Omeka&#8217;s most basic building block; think of it as a bucket containing all the data and metadata about an artifact or topic. Because Omeka offers about a million different fields to complete when creating an item (most of them optional), it\u2019s easy to miss some of the more dynamic options. One such hidden gem is the ability to embed video into your item. Here\u2019s how!<\/p>\n<ol>\n<li>Go to your Omeka dashboard (your Omeka URL ending with \/admin). Click <strong>Item Types<\/strong> on the left-hand menu. Under <strong>Moving Images<\/strong>, click <strong>Edit<\/strong>.<\/li>\n<\/ol>\n<ol start=\"2\">\n<li>At the bottom of the form: select the button next to <strong>New<\/strong>, then click the green <strong>Add Element<\/strong> button. Enter \u201cPlayer\u201d for the title and (optionally) a sensible description. Then, you can drag this new element to the top of the list so it\u2019s easy to find when you\u2019re making items.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3737\" src=\"https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2018\/02\/add-player.jpeg\" alt=\"Add the Player field.\" width=\"975\" height=\"569\" \/><\/p>\n<ol start=\"3\">\n<li>Begin creating an <strong>Item<\/strong>. Click the <strong>Item Type Metadata<\/strong> tab. Select <strong>Moving Image<\/strong> as the item type. This will cause more fields to appear below. In <strong>Player<\/strong> (now the first field): first, check the <strong>Use HTML<\/strong> box, then click the <strong>HTML<\/strong> button that appears in the top right corner:<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3738\" src=\"https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2018\/02\/Picture1.png\" alt=\"Embed the code in the Player field.\" width=\"975\" height=\"569\" srcset=\"https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2018\/02\/Picture1.png 975w, https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2018\/02\/Picture1-300x175.png 300w, https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2018\/02\/Picture1-768x448.png 768w, https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2018\/02\/Picture1-257x150.png 257w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/p>\n<ol start=\"4\">\n<li>A pop-up window will appear called &#8220;<strong>HTML Source Editor<\/strong>.&#8221; Paste your video&#8217;s iFrame embed code (or whatever other kinds of embed code) here, and click <strong>Update<\/strong>. The embed code will look something like this, but with your video&#8217;s URL (typically from Youtube, Vimeo, or a similar service):<\/li>\n<\/ol>\n<blockquote><p>&lt;iframe width=&#8221;480&#8243; height=&#8221;360&#8243; src=&#8221;\/\/www.youtube.com\/embed\/sJZTlrQZMjY&#8221; frameborder=&#8221;0&#8243; allowfullscreen=&#8221;&#8221;&gt;&lt;\/iframe&gt;<\/p><\/blockquote>\n<ol start=\"5\">\n<li>A yellow box appears in the Player field. Click <strong>Save Changes<\/strong>, and you&#8217;re done! Your video should display on the Item&#8217;s public page:<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3742\" src=\"https:\/\/websites.emerson.edu\/itg\/wp-content\/uploads\/sites\/44\/2018\/02\/item-with-video.jpeg\" alt=\"An Omeka Item's public page containing an embedded video.\" width=\"975\" height=\"569\" \/><\/p>\n<p>If you\u2019re working with <strong>Neatline<\/strong> exhibits\u2014interactive maps or timelines\u2014you can import your item into Neatline, and the resulting record will contain your video!<\/p>\n<p>If you\u2019re interested in using Omeka and\/or Neatline, I recommend checking out the following resources (in order):<\/p>\n<ol>\n<li>See some inspiring <a href=\"http:\/\/neatline.org\/demos\/\" target=\"_blank\" rel=\"noopener\">demos of Neatline in Omeka<\/a>.<\/li>\n<li>Learn <a href=\"http:\/\/docs.emerson.build\/\" target=\"_blank\" rel=\"noopener\">how to use Emerson.build<\/a>.<\/li>\n<li>Learn <a href=\"https:\/\/docs.emerson.build\/#omeka-2\" target=\"_blank\" rel=\"noopener\">how to use Omeka<\/a>.<\/li>\n<li>Learn <a href=\"https:\/\/docs.emerson.build\/#neatline\" target=\"_blank\" rel=\"noopener\">how to use Neatline<\/a>.<\/li>\n<\/ol>\n<p>As always, you can contact <strong><a href=\"mailto:ITG@emerson.edu\" target=\"_blank\" rel=\"noopener\">ITG@emerson.edu<\/a><\/strong> for hands-on tutorials!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you a librarian, archivist, or scholar interested in creating your own digital collection? Omeka, one of the tools you can install on your Emerson.build domain, might be for you!&#8230;<\/p>\n","protected":false},"author":1772,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[4],"tags":[31,63,88],"class_list":["post-3736","post","type-post","status-publish","format-standard","hentry","category-emerson-build","tag-digital-humanities","tag-omeka","tag-video"],"_links":{"self":[{"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/posts\/3736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/users\/1772"}],"replies":[{"embeddable":true,"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/comments?post=3736"}],"version-history":[{"count":0,"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/posts\/3736\/revisions"}],"wp:attachment":[{"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/media?parent=3736"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/categories?post=3736"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/websites.emerson.edu\/itg\/wp-json\/wp\/v2\/tags?post=3736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}