{"id":13671,"date":"2021-06-08T10:16:03","date_gmt":"2021-06-08T10:16:03","guid":{"rendered":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/?post_type=docs&#038;p=13671"},"modified":"2023-01-10T08:50:48","modified_gmt":"2023-01-10T08:50:48","password":"","slug":"how-to-embed-streamable-videos-in-wordpress","status":"publish","type":"docs","link":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/docs\/how-to-embed-streamable-videos-in-wordpress\/","title":{"rendered":"How To Embed Streamable Videos In WordPress"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/streamable.com\/\" target=\"_blank\" rel=\"noopener\"><b>Streamable<\/b><\/a><span style=\"font-weight: 400\"> is a free, online video sharing platform that lets you clip, compress, and edit your videos however you want with ease. You can upload any video and easily modify it using Streamable.&nbsp;<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/\" target=\"_blank\" rel=\"noopener\"><b>EmbedPress<\/b><\/a><span style=\"font-weight: 400\"> is a very dependable and valuable plugin. With the help of EmbedPress, it is very simple to <strong>embed Streamable videos<\/strong> in WordPress using just a URL. You don\u2019t have to mess around with any embedding code. All you need is the Streamable video URL and you can instantly embed the content.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">Here\u2019s how to embed Streamable video into your WordPress site using <\/span><a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/wordpress.org\/plugins\/embedpress\/\" target=\"_blank\" rel=\"nofollow noopener\"><b>the EmbedPress plugin<\/b><\/a><b>.<\/b><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>How To Collect Your Streamable Video URL?<\/b><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">To collect the video URL, visit the <\/span><a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/streamable.com\/\" target=\"_blank\" rel=\"nofollow noopener\"><b>Streamable<\/b><\/a><span style=\"font-weight: 400\"> website.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1347\" height=\"685\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/1-2.png\" alt=\"embed Streamable videos\" class=\"wp-image-13672\" title=\"\" srcset=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/1-2.png 1347w, https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/1-2-300x153.png 300w, https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/1-2-1024x521.png 1024w, https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/1-2-768x391.png 768w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">Click on the Streamable video and from the video view page, copy the URL <\/span><b>from the address bar<\/b><span style=\"font-weight: 400\">.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1287\" height=\"690\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/2-2.gif\" alt=\"embed Streamable videos\" class=\"wp-image-13673\" title=\"\"><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><b>How To Embed Streamable Videos Using Gutenberg Editor?<\/b><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">EmbedPress comes with its own block for embedding any type of content using <strong><a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"nofollow noopener\">Gutenberg editor<\/a><\/strong>. To embed Streamable videos using Gutenberg, follow the steps below.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Step 1: Insert An EmbedPress Block&nbsp;<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">Click on the <\/span><b>\u2018+\u2019 <\/b><span style=\"font-weight: 400\">icon on your post content area in the <\/span><b>Gutenberg editor<\/b><span style=\"font-weight: 400\"> and select \u2018EmbedPress.\u2019 You can also insert EmbedPress from the \u2018<\/span><b>Add Block<\/b><span style=\"font-weight: 400\">\u2019 button at the top of the page.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1366\" height=\"653\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/3.gif\" alt=\"embed Streamable videos\" class=\"wp-image-13674\" title=\"\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><b>Step 2: Enter the URL into the block<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">Now paste the collected Streamable video URL on the input field and click on the \u2018Embed\u2019 button. Your URL will automatically be transformed into an embed of your Streambale video file.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"654\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/4-2.gif\" alt=\"embed Streamable videos\" class=\"wp-image-13675\" title=\"\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">Publish your WordPress content, and the Streamable video file will be embedded on the published page or post for users to see.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Step 3: Edit Your Video Embed<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">To edit the embed on the Gutenberg editor, click on the EmbedPress block on your Gutenberg editor.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"656\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/5-2.gif\" alt=\"embed Streamable videos\" class=\"wp-image-13676\" title=\"\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">You can change the dimensions of the embedded video file and modify it the way you need with absolute ease on the block customizer that will appear on the side panel of the editor.&nbsp;<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>How To Embed Streamable Videos Using Elementor Editor?<\/b><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">You can embed Streamable videos using EmbedPress on the <a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/http\/www.wpdeveloper.net\/go\/elementor\" target=\"_blank\" rel=\"noopener\"><strong>Elementor Editor<\/strong><\/a>.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Step 1: Look For The EmbedPress Element<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">First, click on \u2018<\/span><b>Edit with Elementor<\/b><span style=\"font-weight: 400\">\u2019 at the top of your page. It will take you to the Elementor editing panel. Search for the <\/span><b>EmbedPress<\/b><span style=\"font-weight: 400\"> element on the widget panel and then drag and drop the element on your page.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1365\" height=\"653\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/6-1.gif\" alt=\"embed Streamable videos\" class=\"wp-image-13677\" title=\"\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><b>Step 2: Paste The URL In \u2018Content Settings\u2019&nbsp;<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">Now, paste the Streamable video URL onto the \u2018<\/span><b>Content Setting<\/b><span style=\"font-weight: 400\">\u2019 input field. Your embedded video will automatically be uploaded onto your Elementor editor. Publish your post or page, and your website users will be able to see the embedded content.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"655\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/7-2.gif\" alt=\"embed Streamable videos\" class=\"wp-image-13678\" title=\"\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><b>Step 3: Style Your Embedded Content<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">You can edit the embedded video file on the Elementor editor with a few easy steps. First, go to the \u2018<\/span><b>Style<\/b><span style=\"font-weight: 400\">\u2019 tab on the Elementor side panel. Here, you can change the dimensions, aspect ratios, and background color as necessary.<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"657\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/8-2.gif\" alt=\"embed Streamable videos\" class=\"wp-image-13679\" title=\"\"><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><b>How To Embed Streamable Videos Using The Classic Editor?<\/b><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">You can also effortlessly embed your video onto your <a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"nofollow noopener\"><strong>Classic Editor<\/strong><\/a> with just a click using EmbedPress.&nbsp;<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">Paste the URL directly onto the \u2018<\/span><b>content area<\/b><span style=\"font-weight: 400\">\u2019 of the editor interface. Purple background with a \u201c<\/span><b>Loading your embed\u2026<\/b><span style=\"font-weight: 400\">\u201d message will appear in the content area for a few seconds.<\/span><span style=\"font-weight: 400\">&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1350\" height=\"653\" src=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-content\/uploads\/2021\/06\/9-2.gif\" alt=\"embed Streamable videos\" class=\"wp-image-13680\" title=\"\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">Publish and preview the post and the Streamable video will automatically be embedded onto your WordPress website.&nbsp;<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">With these simple steps, you can <strong>embed Streamable videos<\/strong> link instantly into your WordPress website with <\/span><a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/\" target=\"_blank\" rel=\"noopener\"><b>EmbedPress<\/b><\/a><span style=\"font-weight: 400\"> using any of Gutenberg Editor, Classic Editor, or Elementor Editor.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Get Live Experience Of Embedding Streamable<\/strong><\/h2>\n\n\n        \n        <div class=\"embedpress-gutenberg-wrapper source-provider-Streamable aligncenter ep-clear   ep-content-protection-disabled inline\" id=\"\" data-embed-type=\"Streamable \">\n            <div class=\"wp-block-embed__wrapper \">\n                <div id=\"ep-gutenberg-content-\" class=\"ep-gutenberg-content\">\n                    <div >\n                        <div class=\"ep-embed-content-wraper preset-default insta-grid ep-google-photos-carousel\"\n                            style=\"max-width:600px;margin-left:auto;margin-right:auto\"                                                                                                                >\n\n                            <div class=\"ose-streamable ose-uid-c1c6a79ea733dc1551d4dc87186e56a4 ose-embedpress-responsive\" style=\"width:600px;max-width:100%;height: 100%\"><\/div>                        <\/div>\n\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    \n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-weight: 400\">If you are facing problems and require further assistance, feel free to <\/span><span style=\"font-weight: 400\"><a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/support\/\" target=\"_blank\" rel=\"nofollow noopener\"><b>contact our support <\/b><\/a>or<\/span><span style=\"font-weight: 400\">&nbsp;join our <\/span><a href=\"https:\/\/round-lake.dustinice.workers.dev:443\/https\/www.facebook.com\/groups\/wpdeveloper.net\" target=\"_blank\" rel=\"nofollow noopener\"><b>Facebook Community<\/b><\/a><span style=\"font-weight: 400\"> to get in touch with WordPress experts and content creators like yourself.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With EmbedPress, you can effortlessly embed Streamable videos in your WordPress website using just a click on all your favorite editors &#8211; Gutenberg, Elementor &amp; Classic editor. All you need is the URL of the Streamable video and EmbedPress plugin. <\/p>\n","protected":false},"author":398,"featured_media":13675,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[2221,2222],"doc_tag":[2231],"class_list":["post-13671","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-embeds","doc_category-video","doc_tag-settings"],"year_month":"2026-07","word_count":633,"total_views":"3185","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Tasnia","author_nicename":"tasnia","author_url":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/author\/tasnia\/"},"doc_category_info":[{"term_name":"Embed Sources","term_url":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/docs-category\/embeds\/"},{"term_name":"Video Embeds","term_url":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/docs-category\/video\/"}],"doc_tag_info":[{"term_name":"settings","term_url":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/docs-tag\/settings\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-json\/wp\/v2\/docs\/13671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-json\/wp\/v2\/users\/398"}],"version-history":[{"count":8,"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-json\/wp\/v2\/docs\/13671\/revisions"}],"predecessor-version":[{"id":19207,"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-json\/wp\/v2\/docs\/13671\/revisions\/19207"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-json\/wp\/v2\/media\/13675"}],"wp:attachment":[{"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-json\/wp\/v2\/media?parent=13671"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-json\/wp\/v2\/doc_category?post=13671"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/embedpress.com\/wp-json\/wp\/v2\/doc_tag?post=13671"}],"curies":[{"name":"wp","href":"https:\/\/round-lake.dustinice.workers.dev:443\/https\/api.w.org\/{rel}","templated":true}]}}