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" 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

[Anshuman Sahu]

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.

[Author]

Posts