{"id":118337,"date":"2013-07-16T11:30:05","date_gmt":"2013-07-16T15:30:05","guid":{"rendered":"http:\/\/wpmu.org\/?p=118337"},"modified":"2013-07-15T14:18:44","modified_gmt":"2013-07-15T18:18:44","slug":"videos-and-images-in-wordpress-comments","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/videos-and-images-in-wordpress-comments\/","title":{"rendered":"How to Allow Videos and Images in WordPress Comments"},"content":{"rendered":"

Need to liven up your comment section? One easy way is to allow your visitors to insert both videos and images into them.<\/p>\n

\n
\"images\"<\/div>\n<\/div>\n

Below we\u2019ll go over a few plugins that will let you do just that. First up, videos.<\/p>\n

Oembed in Comments<\/b><\/h2>\n

The Oembed in Comments<\/a> plugin will allow you to embed videos from YouTube, Vimeo, and other video sites that WordPress supports.<\/p>\n

You only need to insert the URL to the video (as you can do in a post).<\/p>\n

\n
\"oembed-video-url\"<\/div>\n<\/div>\n

It seems that Admins (but not other users) can also use embed codes \u2013 which, of course, allows you to control the size of the video.<\/p>\n

\n
\"oembed-comment-embed\"<\/div>\n<\/div>\n

For the admin, in the comment moderation section, you will simply see the URL of the video, not the video itself.<\/p>\n

\n
\n
\n
\"oembed-comment-moderation2\"<\/div>\n<\/div>\n<\/div>\n<\/div>\n

And here\u2019s a look at a YouTube video in a comement.<\/p>\n

\n
\"oembed-video\"<\/div>\n<\/div>\n

By the way, this plugin also lets you insert documents from places like Scribed and other sites that WordPress supports<\/a>.<\/p>\n

\n
\"scribed\"<\/div>\n<\/div>\n\n

Comment Images<\/b><\/h2>\n

The Content Images<\/a> plugin allows you to easily upload an image and insert it in a comment.<\/p>\n

Here\u2019s a look at the button available for uploading an image from your computer.<\/p>\n

\n
\"content-images-upload\"<\/div>\n<\/div>\n

In the comment moderation section, the admin will see a thumbnail of the image being uploaded. The image automatically gets added to the Media Library, and so if you need to edit it or delete, you can do so there.<\/p>\n

\n
\"content-images-moderation\"<\/div>\n<\/div>\n

The image gets inserted below whatever text you enter into the comment box.<\/p>\n

\n
\"image-position\"<\/div>\n<\/div>\n

There\u2019s no option to insert an image with a URL with this plugin. That said, when you click the Browse button in order to search you computer, if you put the URL of an image in that box, it will actually pull that image into the comment section. Your visitors most likely won\u2019t know that, but it is technically possible to use the URL for a image (and it will get pulled into your Media Library). So there you are.<\/p>\n

\n
\"image-url\"<\/div>\n<\/div>\n

By the way, it also seems that you can insert images into comments without a plugin with some plain HTML code like this:<\/p>\n

<img src=\"url-to-image.jpg\"><\/pre>\n
Of course that isn\u2019t very easy for most, and unless you put an message in your comment area informing visitors of that, few if any will actually realize they can.<\/p>\n
And so there you have it. If you have an active comment section, and you start allowing images and\/or videos there, it won\u2019t take long for people to catch on and start turning discussions into multimedia exchanges.<\/p>\n
photo credit: Horia Varlan<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Liven up your comments section by allow visitors to insert videos and images.<\/p>\n","protected":false},"author":84404,"featured_media":118352,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4],"tags":[],"tutorials_categories":[],"class_list":["post-118337","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/118337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/84404"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=118337"}],"version-history":[{"count":1,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/118337\/revisions"}],"predecessor-version":[{"id":216577,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/118337\/revisions\/216577"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/118352"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=118337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=118337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=118337"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=118337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}