{"id":163,"date":"2016-06-08T14:34:24","date_gmt":"2016-06-08T14:34:24","guid":{"rendered":"http:\/\/blogs.edb.utexas.edu\/socialmediagroup\/?p=163"},"modified":"2016-06-08T14:34:24","modified_gmt":"2016-06-08T14:34:24","slug":"embedding-a-youtube-video-with-start-and-stop-time","status":"publish","type":"post","link":"https:\/\/sites.edb.utexas.edu\/wordpress\/blog\/embedding-a-youtube-video-with-start-and-stop-time\/","title":{"rendered":"Embedding a YouTube Video with Start and Stop Time into Canvas"},"content":{"rendered":"<p>I found the info on <a href=\"http:\/\/12starsmedia.com\/blog\/embed-youtube-video-specific-start-time\">http:\/\/12starsmedia.com\/blog\/embed-youtube-video-specific-start-time<\/a>. It worked like a charm. To have an embedded YouTube video begin playing at a specific timestamp, first calculate the start point in total number of seconds (60 times the number of minutes plus the number of seconds), then do the same for the end point. Grab the embed code from YouTube, by clicking on Share &gt; Embed. To select the size of the video, click on Show More. Choose the preferred size and copy the embed code.<\/p>\n<div id=\"attachment_164\" style=\"width: 1718px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-164\" class=\"size-full wp-image-164\" src=\"http:\/\/sites.edb.utexas.edu\/wordpress\/..\/uploads\/2016\/06\/embedcode.jpg\" alt=\"Embed Code\" width=\"1708\" height=\"1246\" srcset=\"https:\/\/sites.edb.utexas.edu\/wp-content\/uploads\/2016\/06\/embedcode.jpg 1708w, https:\/\/sites.edb.utexas.edu\/wp-content\/uploads\/2016\/06\/embedcode-300x219.jpg 300w, https:\/\/sites.edb.utexas.edu\/wp-content\/uploads\/2016\/06\/embedcode-768x560.jpg 768w, https:\/\/sites.edb.utexas.edu\/wp-content\/uploads\/2016\/06\/embedcode-1024x747.jpg 1024w\" sizes=\"auto, (max-width: 1708px) 100vw, 1708px\" \/><p id=\"caption-attachment-164\" class=\"wp-caption-text\">Embed Code<\/p><\/div>\n<p>Paste the embed code into your Canvas page, and find the question mark. <em>&lt;iframe width=&#8221;1280&#8243; height=&#8221;720&#8243; src=&#8221;https:\/\/www.youtube-nocookie.com\/embed\/nFvASiMTDz0<strong>?<\/strong>rel=0&amp;amp;showinfo=0&#8243; frameborder=&#8221;0&#8243; allowfullscreen&gt;&lt;\/iframe&gt;<\/em><\/p>\n<p>Add this snippet after the question mark: <strong><em>start=___&amp;end=___;<\/em><\/strong> and replace the underscores with the number of seconds for start and stop time. The snippet will look something like this: <strong><em>start=225&amp;end=268;<\/em><\/strong><\/p>\n<p>Final code result? <em>&lt;iframe width=&#8221;1280&#8243; height=&#8221;720&#8243; src=&#8221;https:\/\/www.youtube-nocookie.com\/embed\/nFvASiMTDz0<strong>?start=225&amp;end=268;<\/strong>rel=0&amp;amp;showinfo=0&#8243; frameborder=&#8221;0&#8243; allowfullscreen&gt;&lt;\/iframe&gt;<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I found the info on http:\/\/12starsmedia.com\/blog\/embed-youtube-video-specific-start-time. It worked like a charm. To have an embedded YouTube video begin playing at a specific timestamp, first calculate the start point in total number of seconds (60 times the number of minutes plus the number of seconds), then do the same for the end point. Grab the embed [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-163","post","type-post","status-publish","format-standard","hentry","category-pro-tips"],"_links":{"self":[{"href":"https:\/\/sites.edb.utexas.edu\/wordpress\/wp-json\/wp\/v2\/posts\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.edb.utexas.edu\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.edb.utexas.edu\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.edb.utexas.edu\/wordpress\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.edb.utexas.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":0,"href":"https:\/\/sites.edb.utexas.edu\/wordpress\/wp-json\/wp\/v2\/posts\/163\/revisions"}],"wp:attachment":[{"href":"https:\/\/sites.edb.utexas.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.edb.utexas.edu\/wordpress\/wp-json\/wp\/v2\/categories?post=163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.edb.utexas.edu\/wordpress\/wp-json\/wp\/v2\/tags?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}