{"id":9549,"date":"2021-03-21T09:59:27","date_gmt":"2021-03-21T09:59:27","guid":{"rendered":"https:\/\/www.rumbletalk.com\/blog\/?post_type=epkb_post_type_1&#038;p=9549"},"modified":"2024-10-22T05:57:57","modified_gmt":"2024-10-22T05:57:57","slug":"integrate-rumbletalk-group-chat-with-vimeo","status":"publish","type":"epkb_post_type_1","link":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/","title":{"rendered":"Integrate RumbleTalk Group Chat with Vimeo"},"content":{"rendered":"\n<p>Now, you can integrate RumbleTalk Group Chat with Vimeo. Here&#8217;s a quick guide.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"600\" height=\"256\" src=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20210315092955\/rumbletalkvimeo.png\" alt=\"integrate RumbleTalk Vimeo\" class=\"wp-image-9551\" srcset=\"https:\/\/d241b8qep9dzid.cloudfront.net\/20210315092955\/rumbletalkvimeo.png 600w, https:\/\/d241b8qep9dzid.cloudfront.net\/20210315092955\/rumbletalkvimeo-300x128.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n\n\n<p>Vimeo is an American video hosting, sharing, and services platform headquartered in New York City. Vimeo focuses on the delivery of high-definition video across a range of devices. Vimeo&#8217;s business model is through software as a service.&nbsp;<br><\/p>\n\n\n\n<p>Just like from our previous tutorial for integrating YouTube video with Rumbletalk, this time we are going to use a video that is being hosted from Vimeo.<\/p>\n\n\n\n<p>Let\u2019s assume you have a Rumbletalk account already. Just follow these steps.<br><\/p>\n\n\n\n<p><strong>PART A: <\/strong>Add<strong> <\/strong>RumbleTalk Group Chat Embed Code to your Website<br><\/p>\n\n\n\n<ol>\n<li>Go to your RumbleTalk admin panel, and then click on the <strong><em>Embed<\/em><\/strong> tab.<\/li>\n\n\n\n<li>On the embed page, click <strong><em>Get Code<\/em><\/strong>.<\/li>\n\n\n\n<li>Copy the given code and paste it anywhere you want to appear on your website.<\/li>\n<\/ol>\n\n\n\n<p><strong>(<\/strong><a href=\"https:\/\/www.rumbletalk.com\/blog\/index.php\/knowledge-base\/chat-embed\/\"><strong>click here on How to Embed RumbleTalk Group chat to any website<\/strong><\/a><strong>)<\/strong><\/p>\n\n\n\n<p><strong>PART B: <\/strong>Create account from Vimeo<br><\/p>\n\n\n\n<ul>\n<li>Go to the Vimeo site and sign up. Click the <strong><em>Join<\/em><\/strong> button.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/u8FA_io7E-qpz04q8eZCar1B9qwZX5N3lMzhayLm3fyPNaf9XUzUx70PJwrrbqxvSUsFzbwlMwD4pvPYTdXhfrqsGnhpEdZRip0CrkfH7akUkWkMxEVmmEEGY6-UezvUMBxXA4j4\" alt=\"integrate RumbleTalk Vimeo\"\/><\/figure><\/div>\n\n\n<ul>\n<li>You can either sign up using email (just enter your name, email, and password) or you can use your Google account.&nbsp;There will be questions on how you will be using Vimeo. Answer those or skip answering.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/qLzHjWv-rRsqIKWnGPGczM3NVmge2lpGzlU-yKrltmL0OvGDq_PgmzWlT9dMrHGkMjgqw-II17nEIHs8BeexmmzbBlqfEU0BtgwUWE86k7RLewNW6iHFBorxvjuvsifyvTY2D95g\" alt=\"\"\/><\/figure><\/div>\n\n\n<ul>\n<li>After clicking <strong><em>Skip<\/em><\/strong>, you can see the several plans that Vimeo is offering. You can also skip that and continue with the basic plan. Just click <strong><em>No thanks<\/em><\/strong>.<br><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/lEBH7p5koah34HUQrcb6rqhXHNGvVDRHsZa3Mw7hSs-M46S1KnzX6ynHCv9tikkGRLKXEJ75NyVI5v2pw7RfhBMs35-UyixHVVZai0Hs_0_JgJ09EXQK-0BvoeWGMKNaL7G217Bb\" alt=\"\"\/><figcaption class=\"wp-element-caption\"><br><\/figcaption><\/figure><\/div>\n\n\n<ul>\n<li>Once you are on the dashboard, click upload and choose the video that you are going to upload in Vimeo.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/QvxsmSPp5W2OKhoajQc_GnQIEL-WdS0woD1EPcSOlvHhWroIntbF6R-6i8zmgLr8DbErOUVsiOeq_WNr65dA5vu88tH4__e4vEdW7UMQ_RW7TUK-ClDIr320L2vTxI2quTKj4-SJ\" alt=\"\"\/><\/figure><\/div>\n\n\n<ul>\n<li>You can either choose from these choices that are being highlighted, but we are going to select <strong><em>choose a file<\/em><\/strong> for this. <\/li>\n\n\n\n<li>After clicking <strong><em>Choose a file<\/em><\/strong>, just select any video that you want to upload from your computer.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/QVSObjZK_YjfvCmml2RBHj69lsgtIb5vZy9CICjpP_tkNgz69Fx_qTHRoZB7rtraiLgiwciunC7Li6N6kqp6ZDWPbaDtlP-4w5_I1AUwAhChQvz5fdiERqSLepIbxVs2g-tpCocP\" alt=\"\"\/><\/figure><\/div>\n\n\n<ul>\n<li>Vimeo will show you the progress of your upload and once the file is ready, you can put any title that you want and add a description (optional). After that, click <strong><em>Embed<\/em><\/strong>.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/Q9ileNhwht9WDhBKvTVFb_zsJHC0FNgN_G2sWGJk-mSCoaPlhrWLIOZcGjJybvWdCf-DeVuCbwBuultAZr-x7fBgmUS7cXH6SU45alKzypxa_tQV7kC2H3T_YelAr2VjLBpBwFtl\" alt=\"integrate RumbleTalk Vimeo\"\/><\/figure><\/div>\n\n\n<ul>\n<li>Now that we have the embed code of RumbleTalk and Vimeo, you just need to put them in an HTML file and host it on your website. Here\u2019s a sample of Vimeo video and RumbleTalk chat side by side.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/CVRtG6GlmmFvt0624fBj0cwBtPDcOzTarZhZvPuELGI2P8mG9TID4y5wxcpCNNaSm5uIGdb26Gu53ctmdNBqfFMGoUfCJ2d95bkMU8i9wOEhtI1VvSgL23MiVwYF2CajUgtQaTY3\" alt=\"integrate RumbleTalk Vimeo\"\/><\/figure><\/div>\n\n\n<p><strong>Here&#8217;s the sample code for HTML.<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body&gt;\n&lt;div class=\"wrapper\"&gt;\n\t&lt;div class=\"half\" style=\"--aspect-ratio: 16\/9;\"&gt;\n\t\t&lt;iframe src=\"https:\/\/player.vimeo.com\/video\/521990143?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" allow=\"autoplay\" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen&gt;&lt;\/iframe&gt;\n\t&lt;\/div&gt;\n\t&lt;div class=\"half\" style=\"--aspect-ratio: 16\/9;\"&gt;\n\t\t&lt;div id=\"rt-f5297a425d45809606c27fc2a8e9f2b6\"&gt;&lt;\/div&gt;\n\t\t&lt;script src=\"https:\/\/rumbletalk.com\/client\/?wddBi6-Q\"&gt;&lt;\/script&gt;\n\t&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;\/body&gt;<\/code><\/pre>\n\n\n\n<p><strong>Here&#8217;s the sample code for CSS.<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style type=\"text\/css\"&gt;\n.wrapper { display: flex; max-width: 1600px; margin: auto; }\n.half { width: 50%; }\n\n&#91;style*=\"--aspect-ratio\"] &gt; :first-child {\n\twidth: 100%;\n}\n&#91;style*=\"--aspect-ratio\"] &gt; img {\n\theight: auto;\n}\n@supports (--custom:property) {\n\t&#91;style*=\"--aspect-ratio\"] {\n\t\tposition: relative;\n\t}\n\t&#91;style*=\"--aspect-ratio\"]::before {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\tpadding-bottom: calc(100% \/ (var(--aspect-ratio)));\n\t}\n\t&#91;style*=\"--aspect-ratio\"] &gt; :first-child {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\theight: 100%;\n\t}\n}\n&lt;\/style&gt;<\/code><\/pre>\n\n\n\n<p>The only difference from embedding a YouTube video and Vimeo is that you need to create an account to Vimeo first, but on YouTube, you can get the embed code right away.<\/p>\n\n\n\n<p>If you have more concerns about how to integrate RumbleTalk with Vimeo, feel free to <a href=\"https:\/\/rumbletalk.com\/about_us\/contact_us\/\">contact us<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Integrate RumbleTalk Group Chat with Vimeo &#8211; online group chat for web site<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"epkb_post_type_1_category":[],"epkb_post_type_1_tag":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Integrate RumbleTalk Group Chat with Vimeo - Online Group Chat Room Plugin for Websites and Live events<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integrate RumbleTalk Group Chat with Vimeo - Online Group Chat Room Plugin for Websites and Live events\" \/>\n<meta property=\"og:description\" content=\"Integrate RumbleTalk Group Chat with Vimeo - online group chat for web site\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Group Chat Room Plugin for Websites and Live events\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/rumbletalk\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-22T05:57:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2021\/03\/rumbletalkvimeo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@rumbletalk\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/\",\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/\",\"name\":\"Integrate RumbleTalk Group Chat with Vimeo - Online Group Chat Room Plugin for Websites and Live events\",\"isPartOf\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\"},\"datePublished\":\"2021-03-21T09:59:27+00:00\",\"dateModified\":\"2024-10-22T05:57:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rumbletalk.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integrate RumbleTalk Group Chat with Vimeo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#website\",\"url\":\"https:\/\/rumbletalk.com\/blog\/\",\"name\":\"Online Group Chat Plugin for Websites and Event\",\"description\":\"Embed a social group chat for communities and events. Grow your online audience with the next evolution of HTML chat room. Attach files, Mobile, Audio and Video calls.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rumbletalk.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/53a763b494aec8f004846c17ae8d90c3\",\"name\":\"Mary Alice\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g\",\"caption\":\"Mary Alice\"},\"url\":\"https:\/\/rumbletalk.com\/blog\/index.php\/author\/mary-alice\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integrate RumbleTalk Group Chat with Vimeo - Online Group Chat Room Plugin for Websites and Live events","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/","og_locale":"en_US","og_type":"article","og_title":"Integrate RumbleTalk Group Chat with Vimeo - Online Group Chat Room Plugin for Websites and Live events","og_description":"Integrate RumbleTalk Group Chat with Vimeo - online group chat for web site","og_url":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/","og_site_name":"Online Group Chat Room Plugin for Websites and Live events","article_publisher":"https:\/\/www.facebook.com\/rumbletalk","article_modified_time":"2024-10-22T05:57:57+00:00","og_image":[{"url":"https:\/\/rumbletalk.com\/blog\/wp-content\/uploads\/2021\/03\/rumbletalkvimeo.png"}],"twitter_card":"summary_large_image","twitter_site":"@rumbletalk","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/","url":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/","name":"Integrate RumbleTalk Group Chat with Vimeo - Online Group Chat Room Plugin for Websites and Live events","isPartOf":{"@id":"https:\/\/rumbletalk.com\/blog\/#website"},"datePublished":"2021-03-21T09:59:27+00:00","dateModified":"2024-10-22T05:57:57+00:00","breadcrumb":{"@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/rumbletalk.com\/blog\/index.php\/knowledge-base\/integrate-rumbletalk-group-chat-with-vimeo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rumbletalk.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Integrate RumbleTalk Group Chat with Vimeo"}]},{"@type":"WebSite","@id":"https:\/\/rumbletalk.com\/blog\/#website","url":"https:\/\/rumbletalk.com\/blog\/","name":"Online Group Chat Plugin for Websites and Event","description":"Embed a social group chat for communities and events. Grow your online audience with the next evolution of HTML chat room. Attach files, Mobile, Audio and Video calls.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rumbletalk.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/53a763b494aec8f004846c17ae8d90c3","name":"Mary Alice","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rumbletalk.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/96b1fbff01b496d6a7d82bba8a4738f7?s=96&d=mm&r=g","caption":"Mary Alice"},"url":"https:\/\/rumbletalk.com\/blog\/index.php\/author\/mary-alice\/"}]}},"_links":{"self":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/9549"}],"collection":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1"}],"about":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/epkb_post_type_1"}],"author":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=9549"}],"version-history":[{"count":7,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/9549\/revisions"}],"predecessor-version":[{"id":17288,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1\/9549\/revisions\/17288"}],"wp:attachment":[{"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=9549"}],"wp:term":[{"taxonomy":"epkb_post_type_1_category","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1_category?post=9549"},{"taxonomy":"epkb_post_type_1_tag","embeddable":true,"href":"https:\/\/rumbletalk.com\/blog\/index.php\/wp-json\/wp\/v2\/epkb_post_type_1_tag?post=9549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}