{"id":7197,"date":"2024-04-14T16:58:24","date_gmt":"2024-04-14T08:58:24","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=7197"},"modified":"2024-04-14T16:58:24","modified_gmt":"2024-04-14T08:58:24","slug":"video-from-youtube","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/video-from-youtube\/","title":{"rendered":"Video from YouTube"},"content":{"rendered":"\n
\n

The video from YouTube feature enables you to insert a video from a YouTube web address and provides all the viewing options available through YouTube’s embed function, including the capacity to display related videos from a channel, establish a specific starting time, reveal or conceal video controls, and more.<\/p>\n

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

Incorporating a YouTube video unit<\/h2>\n

You can introduce a YouTube video component<\/strong> either from the Insert panel<\/strong> or via Quick find<\/strong> (CMD\/CTRL+E)<\/strong>.<\/p>\n

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

Configuration options for YouTube<\/h2>\n

Once you position a YouTube video segment onto your page, you’ll be able to adjust the YouTube settings<\/strong>. Here, you can insert your YouTube video and specify the following criteria:<\/p>\n

\n
<\/div>\n<\/figure>\n
Link<\/strong><\/h5>\n

Paste your YouTube web link, hit enter, and await the video to load on your page.<\/p>\n

Commence from<\/strong>\u00a0\u2014 default: start=0<\/h5>\n

If you wish for your video to commence playing from a certain point, input the start time following this format:\u00a0mm:ss<\/strong>\u00a0or\u00a0hh:mm:ss<\/strong>.<\/p>\n

Silenced<\/strong>\u00a0\u2014 default: mute=0<\/h5>\n

Select whether to play your video with or without audio. By default,\u00a0videos play without muting.<\/p>\n

Auto-start<\/strong> \u2014 default:\u00a0autoplay=0<\/h5>\n\n
Kindly note that\u00a0autoplay<\/strong>\u00a0is subject to restrictions by certain browsers and\u00a0may<\/em>\u00a0necessitate enabling “mute<\/strong>” too.<\/h6>\n
Show video controls<\/strong> \u2014 default:\u00a0controls=1<\/h5>\n

Toggle this option off to hide the video controls. Typically, the YouTube player controls will be visible during video playback or when paused by default .<\/p>\n

Privacy setting<\/strong><\/h5>\n

Privacy Enhanced Mode permits embedding YouTube clips without tracking cookies. Activate this option to adhere to data protection guidelines. Your video will be hosted at\u00a0youtube-nocookie.com<\/em>.<\/p>\n

Limit related clips to identical channel<\/strong> \u2014 default:\u00a0controls=1<\/h5>\n

Upon completion or pausing of the embedded YouTube video, related clips from the identical channel will be displayed. If preferred, you can uncheck this box to receive suggestions from different channels as well.\u00a0Discover additional details about the “rel” parameter<\/a>.<\/p>\n

For developers<\/h5>\n
If you opt to embed a personalized YouTube player via the embed feature instead, refer to YouTube’s documentation outlining the embed player’s available parameters.<\/a><\/h6>\n

Adjusting the proportions of a YouTube video<\/h2>\n

A YouTube video component will occupy the entire width of its parent segment while preserving its aspect ratio. Should you wish to set a specific width\u00a0for your YouTube video, place it within a div block with the desired width specified.<\/p>\n

YouTube video component vs video segment<\/h2>\n

Both the video segment and the YouTube video segment can be employed to insert YouTube clips.<\/p>\n

For a straightforward YouTube video embed without defining advanced criteria, you can employ a video segment.<\/p>\n

As elucidated earlier, the YouTube segment provides greater control over the appearance and behavior of your video.<\/p>\n

The YouTube segment is incompatible with CMS fields.<\/p><\/blockquote>\n

YouTube clips within rich text<\/h2>\n

You can incorporate YouTube videos in a\u00a0rich text component\u00a0or a\u00a0rich text field\u00a0using the\u00a0video<\/strong>\u00a0or\u00a0rich media<\/strong>\u00a0insertion choices accessible in the\u00a0plus (+)<\/strong>\u00a0menu when your text cursor is placed on a new line in the rich text editor.<\/p>\n

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

You can insert a YouTube clip with a specified starting point. If you wish to manually set the starting time, add\u00a0“?t=#<\/strong>” at the end of the video URL, replacing “#”\u00a0with the time in seconds:<\/p>\n

    \n
  • ?t=3 \u2013 the clip will start at 0:03<\/li>\n
  • ?t=30 \u2013 the clip will start at 0:30<\/li>\n
  • ?t=300 \u2013 the clip will start at 5:00<\/li>\n<\/ul>\n
    Please note that when embedding YouTube videos within rich texts, you won’t have access to the other advanced YouTube controls.<\/h6>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Use the YouTube video element to embed a video from a YouTube URL \u2014 gain access to display options offered by YouTube\u2019s embed feature.","protected":false},"author":2,"featured_media":7198,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[290],"tags":[],"class_list":{"0":"post-7197","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-elements","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/7197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=7197"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/7197\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/7198"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=7197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=7197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=7197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}