data-attributes support

[n3t]

Hi,

this PR adds ability to specify additional attributes of created iframe.
Syntax is

<div
    data-service="youtube" 
    data-id="dIP7wWY4Znw"
    data-attributes="json_encoded_attributes"
>
</div>

or in service definition

    window.addEventListener('load', function(){
        
        var manager = iframemanager();
        
        // Example with youtube embed
        manager.run({
            currLang: 'en',
            services : {
                youtube : {
                    embedUrl: 'https://www.youtube-nocookie.com/embed/{data-id}',
                    thumbnailUrl: 'https://i3.ytimg.com/vi/{data-id}/hqdefault.jpg',
                    iframe : {
                        allow : 'accelerometer; encrypted-media; gyroscope; picture-in-picture; fullscreen;',
                        attributes : {
                            width: 600,
                            height: 360,
                        },
                    },
                    cookie : {
                        name : 'cc_youtube'
                    },
                    languages : {
                        en : {
                            notice: 'This content is hosted by a third party. By showing the external content you accept the <a rel="noreferrer" href="https://www.youtube.com/t/terms" title="Terms and conditions" target="_blank">terms and conditions</a> of youtube.com.',
                            loadBtn: 'Load video',
                            loadAllBtn: 'Don\'t ask again'
                        }
                    }
                }
            }
        });
    });

Please consider merging this, I thin it's missing feature of IFrameManager.

Thanks

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[orestbida]

A similar approach is implemented in 1.1.0. The main difference is that it allows individual attributes rather than a json formatted value.