{% macro media(id_meta_canal_sport, documentCollection) %}
    {% import "macro_video.html.twig" as macro_video %}
    <script src="/js/jquery.smoothZoom.min.js"></script>
    <script src="/js/pdf.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/mvPlayerClear.css">
    <script type="text/javascript" src="/js/mvPlayer.js"></script>

    <!--<link rel="stylesheet" type="text/css" href="https://cdn.meta-video.fr/dist/prod/mvContentManager.css">
    <script type="text/javascript" src="/js/mvContentManager.js"></script>-->


{{ id_meta_canal_sport }}
    <div id='media_meta_canal'>
        <!--<iframe id="meta-video-iframe" style="width:100%;" scrolling="NO" allowfullscreen=true frameborder="0" src="https://frontoffice.meta-video.com/iframe?video={{ id_meta_canal_sport }}">
        </iframe>-->
    </div>
    <script>
        mvPlayer.init({
            parentId: 'media_meta_canal',
            videoId:'{{ id_meta_canal_sport }}'
        });

        /*mvContentManager.init({
        parentId:'media_meta_canal',
        previewLastItem:true,
        styles:{
            primaryColor: 'black',
            primaryColorHover: 'grey',
            secondaryColor: '#FF0000',
            secondaryColorHover: '#F70000',
            bgColor: '#FFF',
        },
        mediaTypes:['Collection', 'Video', 'Audio', 'Document'],
        searchParams:{
            userId:123,
            targetType: 'Video',
            video: '{{ id_meta_canal_sport }}',
        },
        });*/
    </script>

{% endmacro %}