{"id":310,"date":"2014-05-24T06:34:02","date_gmt":"2014-05-24T11:34:02","guid":{"rendered":"http:\/\/theme.co\/x\/demo\/integrity\/10\/?page_id=310"},"modified":"2016-04-29T10:59:25","modified_gmt":"2016-04-29T10:59:25","slug":"responsive-video","status":"publish","type":"page","link":"https:\/\/demo.theme.co\/integrity-1\/shortcodes\/responsive-video\/","title":{"rendered":"Responsive Video"},"content":{"rendered":"<h2  class=\"h-custom-headline h5 accent\" ><span>Self Hosted Video<\/span><\/h2>\n<div  class=\"x-video player with-container\" data-x-element=\"x_mejs\" data-x-params=\"{&quot;poster&quot;:&quot;https:\\\/\\\/theme.co\\\/media\\\/x-affiliate-marketing-101-poster.jpg&quot;}\"  ><div class=\"x-video-inner  \"><video class=\"x-mejs has-stack-styles\" poster=\"https:\/\/theme.co\/media\/x-affiliate-marketing-101-poster.jpg\" preload=\"metadata\"><source src=\"https:\/\/theme.co\/media\/x-affiliate-marketing-101.mp4\" type=\"video\/mp4\"><\/video><\/div><\/div>\n<pre  class=\"x-code\" ><code>[x_video_player m4v=\"https:\/\/yourdomain.com\/video.mp4\" poster=\"https:\/\/yourdomain.com\/image.jpg\"]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Video Embed<\/span><\/h2>\n<div  class=\"x-video embed with-container\" ><div class=\"x-video-inner\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/67051688\" width=\"500\" height=\"281\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe><\/div><\/div>\n<pre  class=\"x-code\" ><code>[x_video_embed]&lt;iframe src=\"https:\/\/player.vimeo.com\/video\/67051688\" width=\"500\" height=\"281\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;\/iframe&gt;[\/x_video_embed]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>YouTube Embed<\/span><\/h2>\n<div  class=\"x-video embed with-container\" ><div class=\"x-video-inner\"><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/gLLFPfk14UI\" frameborder=\"0\" allowfullscreen><\/iframe><\/div><\/div>\n<pre  class=\"x-code\" ><code>[x_video_embed]&lt;iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/gLLFPfk14UI\" frameborder=\"0\" allowfullscreen&gt;&lt;\/iframe&gt;[\/x_video_embed]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>TED Embed<\/span><\/h2>\n<div  class=\"x-video embed with-container\" ><div class=\"x-video-inner\"><iframe loading=\"lazy\" src=\"https:\/\/embed.ted.com\/talks\/reggie_watts_disorients_you_in_the_most_entertaining_way.html\" width=\"560\" height=\"315\" frameborder=\"0\" scrolling=\"no\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe><\/div><\/div>\n<pre  class=\"x-code\" ><code>[x_video_embed]&lt;iframe src=\"https:\/\/embed.ted.com\/talks\/reggie_watts_disorients_you_in_the_most_entertaining_way.html\" width=\"560\" height=\"315\" frameborder=\"0\" scrolling=\"no\" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;\/iframe&gt;[\/x_video_embed]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Hulu Embed<\/span><\/h2>\n<div  class=\"x-video embed with-container\" ><div class=\"x-video-inner\"><iframe loading=\"lazy\" width=\"512\" height=\"288\" src=\"https:\/\/www.hulu.com\/embed.html?eid=l3v8ac7ejcfjm7fnvlgpvq\" frameborder=\"0\" scrolling=\"no\" webkitAllowFullScreen mozallowfullscreen allowfullscreen><\/iframe><\/div><\/div>\n<pre  class=\"x-code\" ><code>[x_video_embed]&lt;iframe width=\"512\" height=\"288\" src=\"https:\/\/www.hulu.com\/embed.html?eid=l3v8ac7ejcfjm7fnvlgpvq\" frameborder=\"0\" scrolling=\"no\" webkitAllowFullScreen mozallowfullscreen allowfullscreen&gt;&lt;\/iframe&gt;[\/x_video_embed]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Video With No Container<\/span><\/h2>\n<div  class=\"x-video embed\" ><div class=\"x-video-inner\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/67051688\" width=\"500\" height=\"281\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe><\/div><\/div>\n<pre  class=\"x-code\" ><code>[x_video_embed no_container=\"true\"]&lt;iframe src=\"https:\/\/player.vimeo.com\/video\/67051688\" width=\"500\" height=\"281\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;\/iframe&gt;[\/x_video_embed]<\/code><\/pre>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Video Player Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode. <\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>type<\/strong>: &#8220;16:9,&#8221; &#8220;5:3,&#8221; &#8220;5:4,&#8221; &#8220;4:3,&#8221; or &#8220;3:2.&#8221;<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>m4v<\/strong>: input the URL to your video in .m4v format.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>ogv<\/strong>: input the URL to your video in .ogv format.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>poster<\/strong>: input the link to an image you would like to use as the holder image before playing the video for the first time.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>hide_controls<\/strong>: set to &#8220;true&#8221; to hide the controls.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>autoplay<\/strong>: set to &#8220;true&#8221; to autoplay the video.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>no_container<\/strong>: input &#8220;true&#8221; to remove the container styling.<\/li>\n<\/ul>\n<h2  class=\"h-custom-headline h5 accent\" ><span>Video Embed Options<\/span><\/h2>\n<ul class=\"x-ul-icons\"  >\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>id<\/strong>: add a unique ID to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>class<\/strong>: add a class or multiple classes to the shortcode. <\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>style<\/strong>: add inline styles to the shortcode.<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>type<\/strong>: &#8220;16:9,&#8221; &#8220;5:3,&#8221; &#8220;5:4,&#8221; &#8220;4:3,&#8221; or &#8220;3:2.&#8221;<\/li>\n<li class=\"x-li-icon\"  ><i class=\"x-icon-chevron-circle-right\" aria-hidden=\"true\" data-x-icon-s=\"&#xf138;\"  ><\/i><strong>no_container<\/strong>: input &#8220;true&#8221; to remove the container styling.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":259,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"_links":{"self":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/310"}],"collection":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/comments?post=310"}],"version-history":[{"count":1,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/310\/revisions"}],"predecessor-version":[{"id":7758,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/310\/revisions\/7758"}],"up":[{"embeddable":true,"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/pages\/259"}],"wp:attachment":[{"href":"https:\/\/demo.theme.co\/integrity-1\/wp-json\/wp\/v2\/media?parent=310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}