{"id":4482,"date":"2019-10-03T08:57:24","date_gmt":"2019-10-03T08:57:24","guid":{"rendered":"https:\/\/www.vdocipher.com\/blog\/?page_id=4482"},"modified":"2021-06-16T20:14:05","modified_gmt":"2021-06-16T20:14:05","slug":"iframe-embed-video-tutorial","status":"publish","type":"page","link":"https:\/\/www-uat.vdocipher.com\/blog\/iframe-embed-video-tutorial\/","title":{"rendered":"Embedding on HTML\/Page via Iframe\/Script"},"content":{"rendered":"<p>Video Tutorial followed by text+screenshot explanation. Kindly go through either of these to understand all iframe embed settings.<\/p>\n<h3><strong>Video Tutorial<\/strong><\/h3>\n<p>Below is a quite detailed video explaining steps to embed via iframe\/script on your page with domain restriction, encryption, and watermark settings. Though it is a quick process there are some small things that need to be taken care of so that you don&#8217;t face any issue in playback. The video clears it with good examples, so please watch it carefully in full detail.<\/p>\n<p><iframe style=\"border: 0; height: 500px; width: 800px; max-width: 100%;\" src=\"https:\/\/player.vdocipher.com\/v2\/?otp=20160313versUSE313Yedwagn5gLxVcfq6YbKHZga16N4LWXEng09onMaxSdP7W3&amp;playbackInfo=eyJ2aWRlb0lkIjoiM2U4YTlkOGJhYWMxNDg1ZGIyODA4Yzk4MjVlNjFiZGYifQ==\" allowfullscreen=\"true\" allow=\"encrypted-media\"><\/iframe><\/p>\n<h3><strong>Text + Screenshot Tutorial on Iframe Embed (with examples of teachable, WordPress, Thinkific)<\/strong><\/h3>\n<p>In this guide, we\u2019ll learn about Iframe Video Embedding in Teachable, Thinkific, or any 3rd party course creator or website builder platform. Some other platforms may have some issue which in certain cases is resolvable and is explained in this tutorial at end.<\/p>\n<p><strong>Steps<\/strong><\/p>\n<ul>\n<li><a class=\"hashSmoothScroll\" href=\"#1\"><strong>Iframe generation with all security settings. (Pre-requisite step for embed in all cases)<\/strong><\/a><\/li>\n<li><a class=\"hashSmoothScroll\" href=\"#2\"><strong>Iframe Video Embed in Teachable<\/strong><\/a><\/li>\n<li><a class=\"hashSmoothScroll\" href=\"#3\"><strong><strong>Iframe Video Embed in Other platforms (explained with example of WordPress)<\/strong><\/strong><\/a><\/li>\n<li><a class=\"hashSmoothScroll\" href=\"#4\"><strong><strong>Iframe Video Embed in Thinkific<\/strong><\/strong><br \/>\n<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2 id=\"1\"><b>Video Iframe Generation with VdoCipher<\/b><\/h2>\n<p>For any video that you host with VdoCipher, you have to embed it somewhere to be able to use it. This means that when you have generated the embed code for your video, you will be able to add the video to your website, blog, articles, or other website you\u2019re looking forward to.<\/p>\n<p>In order to allow embedding for a certain video, you will first need to follow the below steps which will guide you through the whole Video Embedding process.<\/p>\n<p><b>Step 1: <\/b>Visit vdocipher.com and create\/login your account<\/p>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6178\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<p><b>Step 2: <\/b>After login, you\u2019ll land on VdoCipher dashboard where you can see your videos. Click on the <strong>\u201cEmbed\u201d<\/strong> button against the video you want to generate the Embed code for.<\/p>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design30-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7883 size-large\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design30-1-1024x576.png\" alt=\"video upload for embedding teachable\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design30-1-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design30-1-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design30-1-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design30-1-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design30-1.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<p><b>Step 3: <\/b>On the Embed button Click, a popup window will appear asking you to choose your backend of your website or mobile app. For embedding via Iframe, kindly choose<strong> &#8220;Quick Embed&#8221;<\/strong> option. Other options are WordPress plugin or API integration or SDK integration in case that is your preferred option. &#8220;Quick Embed&#8221; option is good to embed on HTML editors , 3rd party websites like teachable etc. and is explained further here.<\/p>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design31.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7884 size-large\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design31-1024x576.png\" alt=\"Quick embed \" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design31-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design31-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design31-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design31-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design31.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<p><strong>Step 4: <\/strong>Once you&#8217;ve selected the Quick Embed option in the previous step,\u00a0 you&#8217;ll have the option to edit settings of your choice few of which include Embed Expiry, IP restrictions, Watermarking, etc for generating the embed code. The below screenshot includes video settings such as:<\/p>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design32.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7885 size-large\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design32-1024x576.png\" alt=\"Quick embed settings \" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design32-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design32-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design32-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design32-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design32.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<p>Note &#8211; Each video can be used to generate multiple embed codes and they all can have different restriction settings.<\/p>\n<ul>\n<li><b>Expire In (Embed code Expiry):<\/b> which is the duration or the tenure of the embed code you want to keep. For example, 30 years means embedded video will be available for 30 years to watch. You can reduce it as per your needs.<\/li>\n<li><b>URL Whitelist (Domain restriction): <\/b>it should contain the url\/site domain you want to play your video on such as \u201c<i>mysite.com<\/i>\u201d. If you want your video to play on multiple sites, just specify multiple domains separated by the | (pipe character), for instance \u201c<i>mysite1.com<\/i>|<i>mysite2.com<\/i>|<i>mysite3.com<\/i>|<i>\u201d <\/i>without any space. \u00a0If you even want to use your subdomain to whitelist, then you can use something like mysite1.com\/course.Account level domain restriction &#8211; If you want to configure domain restriction on the account level, so that you need not have to repeat for all videos, then you can do so by going to the <a href=\"https:\/\/www.vdocipher.com\/dashboard\/config\/settings\" target=\"_blank\" rel=\"noopener noreferrer\">&#8220;Config&#8221; section, and then &#8220;setting&#8221; subsection of dashboard.<\/a><br \/>\nKindly note account level domain restriction is only applicable for the embed codes generated there after. Older embed codes generated before would not have this setting. Also, the video level domain restriction overrides account level domain restriction feature. So, if you want to have an embed code with different domain restriction settings as compared to account restriction, you can still do it.<b><i>Note<\/i><\/b><i>: Avoid making use of www or http\/https and just mention your main domain url only.<\/i><\/li>\n<li><b>Allowed IP: <\/b>(Optional field) mention the IP address range where one wants to restrict the video like for college, office, etc.<\/li>\n<li><b>Allowed Countries: <\/b>(Optional field) It can be left blank if you are fine with your videos playing anywhere globally.\u00a0 In case you want to restrict it to certain countries, here we need to mention the ISO country codes separated by commas where we want our video to run, for instance, IN, UK, USA and so on.<br \/>\nAccount-level country settings can be done from\u00a0<a href=\"https:\/\/www.vdocipher.com\/dashboard\/config\/settings\" target=\"_blank\" rel=\"noopener noreferrer\">Config&#8221; section, and then &#8220;setting&#8221; subsection of dashboard.<\/a><br \/>\nFor account level blacklisting (instead of whitelisting), you can contact us at support@vdocipher.com.<\/li>\n<\/ul>\n<p><b>Step 5: Dynamic Watermark (Optional)- <\/b>Click on <strong>&#8220;<em>Add watermark to video<\/em>&#8220;<\/strong> text from previous step for adding watermark which will then allow you to make the following settings:<\/p>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design33.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6192 size-large\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design33-1024x576.png\" alt=\"video embed settings\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design33-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design33-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design33-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design33-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design33.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<ul>\n<li><b>Fixed Text to Display as Watermark: <\/b>Write any text here that you want to use as a watermark like \u201c<i>Copyright protected<\/i>\u201d or any text of your choice.<\/li>\n<li><b>IP\/Time: <\/b>You\u2019ll see 2 check boxes for IP &amp; Time. Just mark the checkbox for whatever you want to be visible in the video. <i>(<\/i><b><i>Note<\/i><\/b><i>: For Time, time zone followed is GMT\/UTC)<\/i><\/li>\n<li><b>Text Size:<\/b> Once you\u2019ve set the display text you can set the text size of your choice here by making use of seekbar provided.<\/li>\n<li><b>Text Opacity: <\/b>You can set the text opacity if you want. It can be set from 0 to 1. The lower value you choose the lighter it will be visible.<\/li>\n<li><b>Text Color: <\/b>For color, you need to enter the 6-digit hex code of the specific color you want to use in the video like #000000(for black) &amp; #ffffff(for white).<\/li>\n<li><b>Move Interval: <\/b>If you want your watermark to keep moving or changing its positions you can use this setting. Lower the value, faster will the watermark move. Set it as per your convenience by making use of seekbar.<\/li>\n<li><b>Skip Between: <\/b>Set the time frame where you want to skip the watermark between the video.<\/li>\n<\/ul>\n<p>Once all the settings are done you can just click on \u201c<i>Generate Embed Code<\/i>\u201d Button which will then generate the Embed code for you.<\/p>\n<p>Further, if you want more customization in the watermark, just mark the JSON mode checkbox and a JSON string will appear wherein you can make more customization.<br \/>\n<strong>JSON advantage of copy pasting watermark settings<\/strong> &#8211;\u00a0 JSON also has an extra advantage, that this code can be copied and pasted into any other video embed watermark settings. Thus, you need not configure watermark code for every video again, you just copy this JSON code once set for one video and then paste it in any other video&#8217;s watermark setting.<\/p>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design34.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7887 size-large\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design34-1024x576.png\" alt=\"video embed settings\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design34-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design34-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design34-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design34-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design34.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<p><b>Step 6:<\/b> Once you\u2019ve made all the settings and generated the embed code, you\u2019ll get the \u201c<i>Copy to clipboard<\/i>\u201d option. You can just click on it and the entire code will be copied for you. The code is available in 2 formats i.e. via iFrame &amp; Script. You can choose any as per your need. In most cases Iframe works better, in some cases script might also work.<\/p>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design35.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7888 size-large\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design35-1024x576.png\" alt=\"video embed settings\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design35-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design35-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design35-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design35-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2021\/06\/Untitled-design35.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<p><strong>Sample Iframe\u00a0<\/strong><\/p>\n<p><strong>&#8220;<\/strong><br \/>\n&lt;iframe src=&#8221;https:\/\/player.vdocipher.com\/v2\/?otp=20160313versIND313AMlFYwHZm80vw6MLcSo64oDQMqPMNYh3L8w22zEEWjw5Bj&amp;playbackInfo=eyJ2aWRlb0lkIjoiMDk4NDhkM2JkMTIyNDAwZTlmNWMyNTliOTE1OGQ1ODMifQ==&#8221; style=&#8221;border:0;height:360px;width:640px;max-width:100%&#8221; allowFullScreen=&#8221;true&#8221; <strong>allow=&#8221;encrypted-media&#8221;<\/strong>&gt;&lt;\/iframe&gt;<\/p>\n<p><strong>&#8221;<br \/>\nBeing careful about iframe embed and a common issue<br \/>\n<\/strong><span style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\">There is a highlighted bold portion in above sample iframe. This is something most other providers like Youtube , Vimeo do not provide as their content is not encrypted. While most platforms like Teachable embed and publish our iframe as it is without any distortion, some platforms&#8217; editor removes this highlighted part from published iframe causing some issues. It is explained further below in detail.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"2\"><b>Video Embed on Teachable<\/b><\/h2>\n<ul>\n<li><strong>Step1:<\/strong> Visit teachable.com and create\/login your account<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-55.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6208\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-55-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-55-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-55-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-55-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-55-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-55.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<ul>\n<li><strong>Step 2:<\/strong> Once done, you\u2019ll land on the Teachable dashboard.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-56.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6209\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-56-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-56-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-56-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-56-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-56-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-56.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<ul>\n<li><strong>Step 3:<\/strong> Select Courses from the left panel on the Dashboard and start creating your course.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design37.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6212\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design37-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design37-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design37-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design37-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design37-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design37.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<ul>\n<li><strong>Step 4:<\/strong> Visit Curriculum, create a new lecture and paste your code under the \u201cAdd Custom Code\u201d section and click save and publish your course.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design38.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6213\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design38-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design38-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design38-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design38-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design38-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design38.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<ul>\n<li><strong>Step 5:<\/strong> View your lesson and you\u2019ll see your embedded video with the settings of your choice.<\/li>\n<\/ul>\n<h2><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-61.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6214\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-61-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" \/><\/a><\/h2>\n<h3 id=\"3\">Embedding Video on Any HTML editor (explained with the example of WordPress)<\/h3>\n<p>Best way to embed on <a href=\"https:\/\/www.vdocipher.com\/blog\/vdocipher-wordpress-plugin-embed-watermark-tutorial\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress is WordPress Plugin + Shortcode<\/a> , and not iframe. But for certain cases you might want to use iframe embed even in WordPress. Also, many editors work similar to WordPress editor, thus similar things can work on other platforms.<\/p>\n<p>If you\u2019ve got a blog or website that\u2019s on WordPress, here\u2019s the way to embed a video. Once you have generated your embed code, login into your WordPress account and open your post via \u201c<i>Classic Editor<\/i>\u201d which is highly used and recommended as some other editors might create some unwanted issues.<\/p>\n<p><b>Step 1: <\/b>In the below screenshot, as you can see we have placed the generated embed code under the text section instead of visual section. Always make sure to do it this way as doing it via visual section may sometimes ask you to install some flash player and stuff. Hence it is recommended that you follow this approach only.<\/p>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design36.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6202\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design36-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design36-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design36-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design36-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design36-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Untitled-design36.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<p><b>Step 2: <\/b>Once you\u2019ve placed your code under the text section as shown in the previous step, you can preview or check your draft of post to ensure that the embedded video is playing fine.<\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"4\"><b>Video embed on Thinkific and a common issue correction<\/b><\/h2>\n<ul>\n<li><strong>Step 1:<\/strong> Visit thinkific.com and create\/login your account<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-63.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6216\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-63-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-63-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-63-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-63-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-63-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-63.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<ul>\n<li><strong>Step 2: <\/strong>Once done, you\u2019ll land on the dashboard, click on the start Building button for creating your course.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-65.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6218\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-65-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-65-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-65-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-65-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-65-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-65.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<ul>\n<li><strong>Step 3: <\/strong>Click on your course and inside it start creating a new lesson.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-66.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6220\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-66-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-66-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-66-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-66-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-66-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-66.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<ul>\n<li><strong>Step 4:<\/strong> Click on \u201cAdd Lesson\u201d button for getting started.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-67.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6221\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-67-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" \/><\/a><\/p>\n<ul>\n<li><strong>Step 5: <\/strong>Choose text type from the given menu which appears after clicking on \u201cAdd Lesson\u201d.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-68.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6222\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-68-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-68-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-68-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-68-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-68-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-68.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<ul>\n<li><strong>Step 6:<\/strong> Click on the code view option in the editor on the right side and paste your code.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-71.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6223\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-71-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-71-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-71-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-71-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-71-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-71.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/p>\n<ul>\n<li><strong>Step 7(a):<\/strong> Preview in Firefox<\/li>\n<\/ul>\n<h2><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6224\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/h2>\n<ul>\n<li><strong>Step 7:<\/strong> After placing the code, just click on save button and preview your code from the top right corner. You will have your video embedded along with the settings that you&#8217;ve chosen.<\/li>\n<\/ul>\n<h2><a href=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-6224\" src=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69-1024x576.png\" alt=\"\" width=\"702\" height=\"395\" srcset=\"https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69-1024x576.png 1024w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69-300x169.png 300w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69-768x432.png 768w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69-1536x864.png 1536w, https:\/\/www-uat.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-69.png 1920w\" sizes=\"auto, (max-width: 702px) 100vw, 702px\" \/><\/a><\/h2>\n<p><strong><br \/>\nReason for error in Iframe with any platform\u00a0<\/strong><\/p>\n<p>Sample Iframe<\/p>\n<p><strong>&#8220;<\/strong><br \/>\n&lt;iframe src=&#8221;https:\/\/player.vdocipher.com\/v2\/?otp=20160313versIND313AMlFYwHZm80vw6MLcSo64oDQMqPMNYh3L8w22zEEWjw5Bj&amp;playbackInfo=eyJ2aWRlb0lkIjoiMDk4NDhkM2JkMTIyNDAwZTlmNWMyNTliOTE1OGQ1ODMifQ==&#8221; style=&#8221;border:0;height:360px;width:640px;max-width:100%&#8221; allowFullScreen=&#8221;true&#8221; <strong>allow=&#8221;encrypted-media&#8221;<\/strong>&gt;&lt;\/iframe&gt;<\/p>\n<p>&#8221;<\/p>\n<p>There is a highlighted bold portion in above sample iframe. While most platforms like Teachable embed and publish our iframe as it is without any distortion, some platforms might remove this highlighted part from published iframe causing some issues.<\/p>\n<p>We hope by now you must be clear with the Iframe Video Embedding process with VdoCipher and how it actually works. If you&#8217;ve tried using the instructions in this article and are still having trouble embedding a video on your website, please reach out to us on <a href=\"mailto:support@vdocipher.com\">support@vdocipher.com<\/a>. Different websites are set up differently, so you may need to do something special for your specific situation.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Video Tutorial followed by text+screenshot explanation. Kindly go through either of these to understand all iframe embed settings. Video Tutorial Below is a quite detailed video explaining steps to embed via iframe\/script on your page with domain restriction, encryption, and watermark settings. Though it is a quick process there are some small things that need [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":{"0":"post-4482","1":"page","2":"type-page","3":"status-publish","5":"category-using-vdocipher","6":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.0 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Embedding on HTML\/Page via Iframe\/Script - VdoCipher Blog<\/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:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embedding on HTML\/Page via Iframe\/Script\" \/>\n<meta property=\"og:description\" content=\"Video Tutorial followed by text+screenshot explanation. Kindly go through either of these to understand all iframe embed settings. Video Tutorial Below is a quite detailed video explaining steps to embed via iframe\/script on your page with domain restriction, encryption, and watermark settings. Though it is a quick process there are some small things that need [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"VdoCipher Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vdociphertech\/\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-16T20:14:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-1024x576.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@vdocipher\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/\",\"url\":\"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/\",\"name\":\"Embedding on HTML\/Page via Iframe\/Script - VdoCipher Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-1024x576.png\",\"datePublished\":\"2019-10-03T08:57:24+00:00\",\"dateModified\":\"2021-06-16T20:14:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/#primaryimage\",\"url\":\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-1024x576.png\",\"contentUrl\":\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-1024x576.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vdocipher.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Embedding on HTML\/Page via Iframe\/Script\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vdocipher.com\/blog\/#website\",\"url\":\"https:\/\/www.vdocipher.com\/blog\/\",\"name\":\"VdoCipher Blog\",\"description\":\"Secure Video Streaming\",\"publisher\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vdocipher.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vdocipher.com\/blog\/#organization\",\"name\":\"VdoCipher\",\"url\":\"https:\/\/www.vdocipher.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vdocipher.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2016\/11\/VdoCipher-logo2.png\",\"contentUrl\":\"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2016\/11\/VdoCipher-logo2.png\",\"width\":1625,\"height\":1925,\"caption\":\"VdoCipher\"},\"image\":{\"@id\":\"https:\/\/www.vdocipher.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vdociphertech\/\",\"https:\/\/x.com\/vdocipher\",\"https:\/\/www.linkedin.com\/company\/vdocipher\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Embedding on HTML\/Page via Iframe\/Script - VdoCipher Blog","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:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"Embedding on HTML\/Page via Iframe\/Script","og_description":"Video Tutorial followed by text+screenshot explanation. Kindly go through either of these to understand all iframe embed settings. Video Tutorial Below is a quite detailed video explaining steps to embed via iframe\/script on your page with domain restriction, encryption, and watermark settings. Though it is a quick process there are some small things that need [&hellip;]","og_url":"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/","og_site_name":"VdoCipher Blog","article_publisher":"https:\/\/www.facebook.com\/vdociphertech\/","article_modified_time":"2021-06-16T20:14:05+00:00","og_image":[{"url":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-1024x576.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@vdocipher","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/","url":"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/","name":"Embedding on HTML\/Page via Iframe\/Script - VdoCipher Blog","isPartOf":{"@id":"https:\/\/www.vdocipher.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/#primaryimage"},"image":{"@id":"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-1024x576.png","datePublished":"2019-10-03T08:57:24+00:00","dateModified":"2021-06-16T20:14:05+00:00","breadcrumb":{"@id":"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/#primaryimage","url":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-1024x576.png","contentUrl":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2020\/09\/Screenshot-80-1024x576.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vdocipher.com\/blog\/iframe-embed-video-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vdocipher.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Embedding on HTML\/Page via Iframe\/Script"}]},{"@type":"WebSite","@id":"https:\/\/www.vdocipher.com\/blog\/#website","url":"https:\/\/www.vdocipher.com\/blog\/","name":"VdoCipher Blog","description":"Secure Video Streaming","publisher":{"@id":"https:\/\/www.vdocipher.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vdocipher.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vdocipher.com\/blog\/#organization","name":"VdoCipher","url":"https:\/\/www.vdocipher.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vdocipher.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2016\/11\/VdoCipher-logo2.png","contentUrl":"https:\/\/www.vdocipher.com\/blog\/wp-content\/uploads\/2016\/11\/VdoCipher-logo2.png","width":1625,"height":1925,"caption":"VdoCipher"},"image":{"@id":"https:\/\/www.vdocipher.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vdociphertech\/","https:\/\/x.com\/vdocipher","https:\/\/www.linkedin.com\/company\/vdocipher"]}]}},"yoast":{"focuskw":"","title":"","metadesc":"","linkdex":"","metakeywords":"","meta-robots-noindex":"","meta-robots-nofollow":"","meta-robots-adv":"","canonical":"","redirect":"","opengraph-title":"","opengraph-description":"","opengraph-image":"","twitter-title":"","twitter-description":"","twitter-image":""},"_links":{"self":[{"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/pages\/4482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/comments?post=4482"}],"version-history":[{"count":23,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/pages\/4482\/revisions"}],"predecessor-version":[{"id":16234,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/pages\/4482\/revisions\/16234"}],"wp:attachment":[{"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/media?parent=4482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/categories?post=4482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-uat.vdocipher.com\/blog\/wp-json\/wp\/v2\/tags?post=4482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}