Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Offline
Support Offday
Today is our off day. We are taking some rest and will come back stronger tomorrow. Promise!
Official support hours:
Monday To Friday except Saturday and Sunday
From 09:30 To 17:00
Our current time: Sunday 4:39 pm
Add a reply View Replies (20)

Resolved How to insert vide in Comments field in Video area of Social Network?

  1. Michael729
    Michael729
  2. Support
  3. Thursday, May 30 2019, 02:33 AM
Ok. I thought I posted this question earlier today but I do not see it anywhere. :(

In the Social Network section for Videos, I've successfully posted videos for people to comment on. I want people to comment using YouTube or Vimeo to show their response in video (we are using sign language to communicate). It seems that is not currently an option. How can I make it possible for comments to SHOW video links just like they do in the video post?

Please advise.
Attachments (1)
easyprofileCOMMENTfield.png easyprofileCOMMENTfield.png
Responses (20)
admin
admin Accepted Answer
Admin
Hi,
you can add following CSS code yo your template: 
jQuery(document).ready(function(){

	jQuery('.comment_message a[href*="youtube"]').each(function(){

		var video_id = jQuery(this).attr('href').split('v=')[1];

		var ampersandPosition = video_id.indexOf('&');

		if(ampersandPosition != -1) {

	  		video_id = video_id.substring(0, ampersandPosition);

		}

		jQuery(this).closest('.comment_message').after('<iframe width="100%" height="315" src="https://www.youtube.com/embed/'+video_id+'" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');

	});

	jQuery('.comment_message a[href*="vimeo"]').each(function(){

		var video_id = jQuery(this).attr('href').split('vimeo.com/')[1];

		var ampersandPosition = video_id.indexOf('&');

		if(ampersandPosition != -1) {

	  		video_id = video_id.substring(0, ampersandPosition);

		}

		jQuery(this).closest('.comment_message').after('<iframe src="https://player.vimeo.com/video/282577747" width="100%" height="315" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>');

	});

});

With this code each Youtube or Vimeo link in the comment will load the video (see screenshot)
Attachments (1)
Schermata 2019-05-30 alle 10.28.02.png Schermata 2019-05-30 alle 10.28.02.png
  1. more than a month ago
  2. Support
  3. # 1
Michael729
Michael729 Accepted Answer
Thank you for your quick response. I'm glad this is possible to do!
I added the code to the custom.css of the template but it did not work. I'm assuming I need to add it elsewhere. Can you direct me? I'm using Vertex template. When I open the template settings and go to CSS options, there are multiple places to put additional code. (see image) I also tried adding to third party.css but that didn't work either. Can you guide me please?
  1. more than a month ago
  2. Support
  3. # 2
admin
admin Accepted Answer
Admin
Hi,
custom.css is used for custom CSS style (not Javascript).

From your screenshot seems that you use a Shape5 theme, if it is so then you can add the code in parameter called "Script to be appended inside of the HEAD area" (https://www.shape5.com/documentation/Vertex-Framework/Core-Features/General-Settings)
  1. more than a month ago
  2. Support
  3. # 3
Michael729
Michael729 Accepted Answer
that did not work (see image)
any other suggestion? the previous image i sent you offered different parts of css files. i assumed it should go in one of them but was unsuccessful at it.
  1. more than a month ago
  2. Support
  3. # 4
admin
admin Accepted Answer
Admin
Hi,
try to put the code inside SCRIPT tags:
<script>

/*  HERE THE JAVASCRIPT CODE */

</script>


Sorry but we does not know how to work exactly this template parameter :)
  1. more than a month ago
  2. Support
  3. # 5
Michael729
Michael729 Accepted Answer
sadly, that did not work either
if you have any additional support you can offer, I would greatly appreciate it
References
  1. http://visitbmc.com/administrator
  1. more than a month ago
  2. Support
  3. # 6
admin
admin Accepted Answer
Admin
Hi,
unfortunately your template does not save template paramters, probably this is due to your firewall (Sucuri).

Try to add manually the code (without SCRIPT tags) at the end of file /templates//shape5_vertex/js/multibox/overlay.js via FTP, clean browser cache and check if it works.
  1. more than a month ago
  2. Support
  3. # 7
Michael729
Michael729 Accepted Answer
unfortunately that also does not work.

I even tried adding this code to custom css, but it did not work. : (
  1. more than a month ago
  2. Support
  3. # 8
admin
admin Accepted Answer
Admin
Hi,
can you please post me your FTP details to allow me to check this?
  1. more than a month ago
  2. Support
  3. # 9
Michael729
Michael729 Accepted Answer
Here you go...
  1. more than a month ago
  2. Support
  3. # 10
admin
admin Accepted Answer
Admin
Hi,
unfortunately there is some server cache, so the file overlay.js does not send recent changes.

Anyway I have added a social network template override to add the code, see screenshot (override is added to your BMC theme in file Layouts/default.ctp).

Now seems to works!

NOTE: I have changed a bit of code proposed in my previous reply.
Attachments (1)
Schermata 2019-06-05 alle 09.36.28.png Schermata 2019-06-05 alle 09.36.28.png
  1. more than a month ago
  2. Support
  3. # 11
Michael729
Michael729 Accepted Answer
Content Protected
  1. more than a month ago
  2. Support
  3. # 12
admin
admin Accepted Answer
Admin
Hi,
please try now, it should works. The problem was that my code works with explicit links like https://www.youtube.com/watch?v=y3dWSIbxOgI and not with short links like https://youtu.be/y3dWSIbxOgI
  1. more than a month ago
  2. Support
  3. # 13
Michael729
Michael729 Accepted Answer
As always, your support is appreciated. I think you offer the best support services of any company I've worked with so far!

A big THANK YOU!
  1. more than a month ago
  2. Support
  3. # 14
Michael729
Michael729 Accepted Answer
One more place I would love to have the option to add youtube/vimeo video: in the Profile!

I'm open to where that goes. I think in the About Me section makes sense. Is that possible?
  1. more than a month ago
  2. Support
  3. # 15
admin
admin Accepted Answer
Admin
Hi,
you can add video by sharing directly the url of the video.
  1. more than a month ago
  2. Support
  3. # 16
Michael729
Michael729 Accepted Answer
That does not display the video. It shows the url, but that is not what I want. Just like above in this thread, you were able to make the image of the video appear when the youtube/vimeo link is inserted in the field, I want that same option for the About Me section of the profile. Is that possible?
  1. more than a month ago
  2. Support
  3. # 17
admin
admin Accepted Answer
Admin
Hi,
sorry but I does not understand well, can you please specify the location with a screenshot?
  1. more than a month ago
  2. Support
  3. # 18
Michael729
Michael729 Accepted Answer
yes. image attached showing the About Me field. When putting a youtube/vimeo url there, it does not load the video in the field. can that be edited to accept those links and load the video?
  1. more than a month ago
  2. Support
  3. # 19
admin
admin Accepted Answer
Admin
Hi,
sorry but there is not attached any image. Anyway I found the field "About me", but this field does not comes from Easy Profile so it is private (it comes from a plugin called "User - Profile", this plugin is pre-installed in all Joomla installations and normally it is disabled by default).
  1. more than a month ago
  2. Support
  3. # 20
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.