Responsive videos in Froala Editor V3

by froala

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://editor-latest.s3.amazonaws.com/v3/js/froala_editor.pkgd.min.js"></script>
<link rel="stylesheet" href="https://editor-latest.s3.amazonaws.com/v3/css/froala_editor.pkgd.min.css">
<link rel="stylesheet" href="https://editor-latest.s3.amazonaws.com/v3/css/froala_style.min.css">

<div id="froala-editor">
  <h3>Embed videos from your favorite service and have them adapt based on the screen size.</h3>
  <p>The responsive video features enables you to insert videos from Youtube or Vimeo and have them change based on your device screen.</p>
</div>

JavaScript

new FroalaEditor('div#froala-editor', {
        videoResponsive: true,
        toolbarButtons: ['insertVideo']
      })