Image Source: Tumblr.com<\/p><\/div>\n

Few days ago I was working on making my personal site responsive and saw that my blog post that has videos on it are not responsive and here is how I solve this issues<\/p>\n

.format_text.entry-content iframe,\r\n.format_text.entry-content object,\r\n.format_text.entry-content embed{\r\nwidth: 100%;\r\nheight: 100%;\r\n}<\/pre>\n
So basically the .format_text.entry-content are classes in my site so\u00a0it might be different from yours just locate the parent div where your video is on. Basically I want all iframes, objects and embed tags to have a 100% width and height you can change\u00a0the values to your needs.<\/p>\n
This is my quick version, one of my friend\u00a0shared a\u00a0link which has a complete explanation so you can check it out here AvexDesigns.com<\/a><\/p>\n
If this was helpful please don’t forget to like or share and if you have other ways in solving this please leave a comment below thanks.<\/p>\n","protected":false},"excerpt":{"rendered":"
Few days ago I was working on making my personal site responsive and saw that my blog post that has videos on it are not responsive and here is how I solve this issues .format_text.entry-content iframe, .format_text.entry-content object, .format_text.entry-content embed{ width: 100%; height: 100%; } So basically the .format_text.entry-content are classes in my site so\u00a0it […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_mi_skip_tracking":false,"spay_email":"","_links_to":"","_links_to_target":""},"categories":[1773],"tags":[1832,1824,179,1831],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2BD1N-27K","_links":{"self":[{"href":"https:\/\/www.mybravetruehero.com\/wp-json\/wp\/v2\/posts\/8168"}],"collection":[{"href":"https:\/\/www.mybravetruehero.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mybravetruehero.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mybravetruehero.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mybravetruehero.com\/wp-json\/wp\/v2\/comments?post=8168"}],"version-history":[{"count":2,"href":"https:\/\/www.mybravetruehero.com\/wp-json\/wp\/v2\/posts\/8168\/revisions"}],"predecessor-version":[{"id":8172,"href":"https:\/\/www.mybravetruehero.com\/wp-json\/wp\/v2\/posts\/8168\/revisions\/8172"}],"wp:attachment":[{"href":"https:\/\/www.mybravetruehero.com\/wp-json\/wp\/v2\/media?parent=8168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mybravetruehero.com\/wp-json\/wp\/v2\/categories?post=8168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mybravetruehero.com\/wp-json\/wp\/v2\/tags?post=8168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}