{"id":2333,"date":"2019-08-28T20:29:02","date_gmt":"2019-08-28T20:29:02","guid":{"rendered":"http:\/\/otl.du.edu\/knowledgebase\/?p=2333"},"modified":"2019-08-28T20:41:46","modified_gmt":"2019-08-28T20:41:46","slug":"embed-content-with-iframes","status":"publish","type":"post","link":"https:\/\/otl.du.edu\/knowledgebase\/embed-content-with-iframes\/","title":{"rendered":"DU Portfolio – Embed Content with iFrames"},"content":{"rendered":"\n

Option 1: using the iframe tool<\/h3>\n\n\n\n

Step 1<\/h4>\n\n\n\n

Find and copy the view link, or URL for the media you want to add to your DU Portfolio page.<\/p>\n\n\n\n

Step 2<\/h4>\n\n\n\n

Create a new Rich Text item on your DU Portfolio page, and open the “Insert iframe Content<\/strong>” tool (icon of two stacked rectangles). Then, paste the view link\/URL for your media into the “Website URL<\/strong>” box.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n

Step 3<\/h4>\n\n\n\n

Double check that the embed link is displaying correctly. If not, try option 2 instead.
Note: <\/strong>for view links, be sure that \/embed<\/strong> follows the link and the quotes are in place.<\/p>\n\n\n\n

Option 2: Using the Source Editor View<\/h3>\n\n\n\n

Step 1<\/h4>\n\n\n\n

Locate the “embed code” or “share code” for the media you’ve created. For example, YouTube video embed codes are located in the “Share<\/strong>” tab below the video, and must be generated by clicking on the icon of two brackets <>.<\/p>\n\n\n\n

\"Screenshot<\/figure><\/div>\n\n\n\n

Step 2<\/h4>\n\n\n\n

Copy the embed code (including the opening bracket < and closing bracket >), and create a new rich content item in your DU Portfolio.<\/p>\n\n\n\n

\"Screenshot<\/figure><\/div>\n\n\n\n

Step 3<\/h4>\n\n\n\n

Toggle to the source code view of the new rich content item (by clicking on the brackets tool icon <>), and paste the embed code into the text window. Then, click “Ok” and “Add” to save\/publish the embedded item .<\/p>\n\n\n\n

\"Screenshot<\/figure><\/div>\n\n\n\n
\"Screenshot<\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"

Option 1: using the iframe tool Step 1 Find and copy the view link, or URL for the media you want to add to your DU Portfolio page. Step 2 Create a new Rich Text item on your DU Portfolio page, and open the “Insert iframe Content” tool (icon of two stacked rectangles). Then, paste […]<\/p>\n","protected":false},"author":2,"featured_media":2340,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[119,123],"class_list":["post-2333","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-portfolio","tag-embed","tag-iframes"],"_links":{"self":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/posts\/2333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/comments?post=2333"}],"version-history":[{"count":0,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/posts\/2333\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/media\/2340"}],"wp:attachment":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/media?parent=2333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/categories?post=2333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/tags?post=2333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}