Невозможно вставить видео в summernote js 
Вот моя SummerNote конфигурация
$('.summernote-block').summernote({
height: 250,
focus: true,
toolbar: [
// [groupName, [list of button]]
['insert', ['link', 'picture','videoAttributes','media', 'video', 'table', 'hr']],
['style', ['bold', 'italic', 'underline','style']],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['style', 'ul', 'ol', 'paragraph']],
['height', ['height']],
['view', ['fullscreen']]
],
popover: {
airMode: true,
image: [
['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
['float', ['floatLeft', 'floatRight', 'floatNone']],
['remove', ['removeMedia']]
],
video: [
['providers', ['YouTube', 'Vimeo', 'Vine', 'Instagram', 'DailyMotion', 'Youku']]
],
link: [
['link', ['linkDialogShow', 'unlink']]
],
air: [
['color', ['color']],
['font', ['bold', 'underline', 'clear']],
['para', ['ul', 'paragraph']],
['table', ['table']],
['insert', ['link', 'picture','video']]
]
}
});
Что я включаю в заголовок html файла.
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<!-- CSS Files -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="../assets/css/now-ui-dashboard.css?v=1.1.0" rel="stylesheet" />
<!-- CSS Just for demo purpose, don't include it in your project -->
<!-- <link href="../assets/demo/demo.css" rel="stylesheet" /> -->
<link href="../assets/js/plugins/summernote/summernote-bs4.css" rel="stylesheet">
Также внизу перед закрывающим корпусом
<script src="../assets/js/core/jquery.min.js"></script>
<script src="../assets/js/core/popper.min.js"></script>
<script src="../assets/js/core/bootstrap.min.js"></script>
// <script src="../assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>
<!-- include summernote css/js -->
<script src="../assets/js/plugins/summernote/summernote-bs4.min.js"></script>
<!-- Google Maps Plugin -->
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
<!-- Chart JS -->
<script src="../assets/js/plugins/chartjs.min.js"></script>
<!-- Notifications Plugin -->
<script src="../assets/js/plugins/bootstrap-notify.js"></script>
<!-- Control Center for Now Ui Dashboard: parallax effects, scripts for the example pages etc -->
<script src="../assets/js/now-ui-dashboard.min.js?v=1.1.0" type="text/javascript"></script>
<!-- Now Ui Dashboard DEMO methods, don't include it in your project! -->
<script src="../assets/demo/demo.js"></script>
<script>
$(document).ready(function() {
// Javascript method's body can be found in assets/js/demos.js
demo.initGoogleMaps();
});
</script>
Что я пытался сделать.
1.Я пытаюсь заменить summernote include script тегом на другие сценарии, кроме bootstrap popper или jQuery
2. Попробуйте использовать простую конфигурацию SummerNote. Я удаляю всю конфигурацию и вставляю этот код ниже
$(document).ready(function() {
$('#summernote').summernote();
});
3. Я пытаюсь использовать некоторые из видео плагинов в summernote.
Также в codepen Я видел много примеров, которые вставляют видео без какой-либо конфигурации и включая тот же файл, как в моей ситуации, и это работает отлично.
Пожалуйста, heeeelp.