Responsive youtube embedding

[Yahya]

I embed youtube videos n my courses and they are not getting responsive using this solution

https://wplms.io/support/knowledge-base/force-responsive-iframe-videos-content/

[H.K. Latiyan]

Please use this [iframevideo] shortcode to embed the video, the shortcode is used like this:

 

[iframevideo]<iframe src=”https://www.youtube.com/embed/_fefa_8Y1cU&#8221; width=”560″ height=”315″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>[/iframevideo]

 

Paste the code in the text mode of wp-editor.

[Yahya]

thank you but all of my courses are video based, do I have to go through all of my courses and edit them?

[Yahya]

when edited using front end the markup gets to be <object><embed>youtube info </embed></object>

 

[Yahya]

I have about more than 500 videos in my website,I need a solution that does not cost me a week of work, I managed to make the videos width responsive using css, but I could not manage the height

[Alex]

CAn you please share one example on how did you embed a youtube video ?
Based on that pattern we can provide you a temporary fix for this .

[Yahya]

here is an example of how the markup is now

http://prnt.sc/aw5ym0

we used the front end to embed the videos

copied the embed youtube link from youtube and pasted it with no other editions

 

[H.K. Latiyan]

Please try using this script in your wplms->footer->google analytics code:

<script>

jQuery(‘.unit_content’).on(‘unit_traverse’,function(){

jQuery(‘object’).wrap(‘<div class=”fitvids”></div>’);

});

</script>

[Yahya]

thumbs up

thanks

[H.K. Latiyan]

Thanks for confirming, so closing the topic.