Hi. I've got a third party component (Easy Profile) that includes a section for posting video and comments on the video. The video is posted simply by pasting the url for YouTube or Vimeo into the field. The comments will not do the same. The support folks there have made several suggestions to make it possible for the comments field to do this, but their suggestions have failed:
added css code to template (non-specified area).. did not work
added css code to template > general > Script To Be Appended Inside Of The <Head> Area... did not work

If you have any input on how to make this work, please advise.

This is the script they sent me:
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>');
});
});