Skip to content

Miscellaneous

Responsive Videos

responsive-videos

Try it yourself:

Embed videos from your favorite service and have them adapt based on the screen size.

The responsive video features enables you to insert videos from Youtube or Vimeo and have them change based on your device screen.


Edit in JSFiddle

HTML

<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

<script>
  $(function() {
    $('div#froala-editor').froalaEditor({
      videoResponsive: true,
      toolbarButtons: ['insertVideo']
    })
  });
</script>
File: 3775