Summernote youtube iframe code does not show video on Android WebView

[vzamanillo]

Hi!

I am trying to show a summernote code from database with a youtube embedded video into an Android WebView but looks like the WebView needs the URL scheme to load and show it.

$video = $$1('<iframe>')
    .attr('frameborder', 0)
    .attr('src', '//www.youtube.com/embed/' + youtubeId + (start > 0 ? '?start=' + start : ''))
.attr('width', '640').attr('height', '360');

What is the reason to ommit the scheme when adding the attribute?

My first idea was to modify the code but I can not because I do not use the library directly (I am using the summernote-rails (0.8.8.0) gem), is there any method to modify the content of the attribute after adding the video? I have searched through the callbacks to use it in the initialization of summernote and modify the src attribute but I have not found any and I can not think of any way to address it. Any ideas?

Thanks.

[DennisSuitters]

I wasn't able to replicate the issue, so I'm hoping this has since been resolve with the newer versions of Summernote. If it's still an issue, please reopen, or create a new issue.

[phipps73]

This is still an issue on latest release of summernote. When adding a video url e.g https://www.youtube.com/embed/mC38ch0DunE via the Video toolbar dialog the resultant html added removes the protocol so your html has //www.youtube.com/embed/mC38ch0DunE. When you then try and load the html into a webview in an iOS or Android app the protocol is then incorrectly specified and the video doesn't display. Recommend switch to https as most sites should now be using https anyway.

[eslym]

this issue exists in the current latest release of summernote (v0.8.18), any updates?

i guess adding a callback would temporary solve this problem

{
    onChange: function(contents, $editable) {
        $editable.find('iframe[src^="//"]').each(function(){
            $(this).attr('src', 'https:' + $(this).attr('src'));
        });
    }
}