{"id":522,"date":"2020-08-05T15:48:02","date_gmt":"2020-08-05T15:48:02","guid":{"rendered":"https:\/\/wearesmile.com\/help\/?post_type=ht_kb&#038;p=522"},"modified":"2021-05-13T20:30:53","modified_gmt":"2021-05-13T19:30:53","slug":"adding-video","status":"publish","type":"ht_kb","link":"https:\/\/wearesmile.com\/help\/documentation\/adding-video\/","title":{"rendered":"Adding video"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"1744\" style=\"aspect-ratio: 2582 \/ 1744;\" width=\"2582\" controls src=\"https:\/\/wearesmile.com\/help\/wp-content\/uploads\/sites\/3\/2020\/08\/adding-video.mov\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Where can I add video?<\/h2>\n\n\n\n<p>You can add Video in two different places for use in your Hijack. Most often, you\u2019ll be using the options found in the \u2018Video\u2019 tab to configure the background videos when setting up each Chapter. However you can also&nbsp;<a href=\"https:\/\/hijack.wearesmile.com\/documentation\/adding-an-intro-video\/\">add a video intro<\/a>&nbsp;for users to see when they first open your Hijack (before they begin browsing chapters).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Types of video<\/h2>\n\n\n\n<p>The system can accommodate both Standard and 360 video files hosted either on the WordPress site itself or on an external platform. Hijack even supports live streams from Facebook and YouTube, which we cover in a <a href=\"https:\/\/wearesmile.com\/help\/documentation\/adding-a-live-stream\/\">separate tutorial here<\/a>.<\/p>\n\n\n\n<p>Hijack offers the unique possibility of adding a \u2018tour\u2019 timeline enhancement to your 2D and 3D videos. Select either \u20182D Tour\u2019 or \u20183D Tour\u2019 to reveal a new set of options below. Please read the article on&nbsp;<a href=\"https:\/\/hijack.wearesmile.com\/documentation\/adding-spotlights-to-video-tours\/\">\u2018Adding Spotlights to Video Tours\u2019<\/a>&nbsp;for more detailed instructions on this.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Externally, or Hijack-hosted video?<\/h2>\n\n\n\n<p>Once you have chosen the relevant video type in the dropdown, use the \u2018External Video\u2019 toggle to specify where the video exists. Toggle \u2018No\u2019 if the video is to be uploaded to the WordPress Media Library or \u2018Yes\u2019 if the video is hosted elsewhere.<\/p>\n\n\n\n<p>If toggled \u2018Yes\u2019, the final field will prompt you to type in the URL of the video. If toggled \u2018No\u2019, an \u2018Add File\u2019 button will appear allowing you to select a previously-uploaded video from the site\u2019s Media Library or to upload a new video from your local computer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Working with YouTube videos<\/h2>\n\n\n\n<p>For introduction videos, we are able to leverage the <a href=\"https:\/\/developers.google.com\/youtube\/player_parameters#loop\">iframe API<\/a>. This allows us to append url parameters to make the video do things we want it to.<\/p>\n\n\n\n<p>In a lot of cases you will want to change the default URL for these YouTube embeds to contain some common parameters. Here is a example of the standard URL:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">https:\/\/www.youtube.com\/embed\/yWsFXT904bg<\/pre>\n\n\n\n<p>And here is the same URL after applying some common parameters:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">https:\/\/www.youtube.com\/embed\/yWsFXT904bg?autoplay=1&amp;mute=1&amp;loop=1&amp;playlist=yWsFXT904bg&amp;modestbranding=1&amp;rel=0<\/pre>\n\n\n\n<p>Let&#8217;s take a look at what they do:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><code>autoplay=1&amp;mute=1<\/code> &#8211; This makes your video play automatically. Most browsers will not autoplay a video unless it is muted.<\/li><li><code>loop=1&amp;playlist=yWsFXT904bg<\/code> &#8211; This makes the video loop, but youtube demands that you also pass the video ID through as a playlist parameter too. Don&#8217;t ask us why, it&#8217;s super weird, but it&#8217;s documented on the <a href=\"https:\/\/developers.google.com\/youtube\/player_parameters#loop\">iframe API documentation<\/a>.<\/li><li><code>modestbranding=1<\/code> &#8211; This doesn&#8217;t doo too much, but tones down the references to YouTube<\/li><li><code>rel=0<\/code> &#8211; This removes related videos from other brands. If shown (it would only show if you weren&#8217;t looping) you would see related videos from the same channel.<\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Where can I add video? You can add Video in two different places for use in your Hijack. Most often, you\u2019ll be using the options found in the \u2018Video\u2019 tab to configure the background videos when setting up each Chapter. However you can also&nbsp;add a video intro&nbsp;for users to see&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_searchwp_excluded":"","footnotes":""},"ht-kb-category":[97,90],"ht-kb-tag":[],"class_list":["post-522","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-configuring-chapters","ht_kb_category-hijack"],"_links":{"self":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/comments?post=522"}],"version-history":[{"count":5,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/522\/revisions"}],"predecessor-version":[{"id":1008,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb\/522\/revisions\/1008"}],"wp:attachment":[{"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/media?parent=522"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb-category?post=522"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/wearesmile.com\/help\/wp-json\/wp\/v2\/ht-kb-tag?post=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}