Как управления дисплеем в jwplayer на одном рабочем столе смартфона

Question

я пытался отображения конфигурации видео на моем сайте, используя jwplayer

jwplayer('viewplayer').setup({ 
    sources: [{ 
     file: "/video1.mp4", 
     type: "mp4", 
     label: "360p", 
     default: true 
    }], 
    tracks: [ { 
     file: "/video1.srt", 
     label: "English", 
     kind: "captions" 
    }, ], 
    width: "100%", 
    image: "/img/poster/video1.jpg", 
    title: "video1 my webiste", 
    aspectratio: "16:9", 
    primary: "html5", 
    modes: [{ 
     type: "html5" 
    }, { 
     type: "flash", 
     src: "/templates/js/jwplayer.flash.swf" 
    }, ], 
    skin: { 
     name: "seven", 
     background: "transparent", 
    }, 
    controlbar: "none", 
    autostart: false, 
    captions: { 
     color: "#FFFF00", 
     fontSize: 15, 
     backgroundOpacity: 30 
    }, 
}); 

• управления смартфоном: игры, кнопки управления HD настольные: игры, HD, CC, кнопка регулировки громкости и прогресс бар

Display controls at smartphone

Display controls at desktop

Пожалуйста, помогите мне узнать, как управление дисплеем на смартфоне аналогично настольному

Answer 1

У меня есть ответ на мой вопрос. Поскольку я не понял этот исходный код, другой член изменил его.

Этот CSS не отображаются элементы управления на смартфоне

.jw-reset { 
    margin:0px auto; 
    width:100%!important; 
} 
#viewplayer { 
    position:absolute; 
    width:100%; 
    height:100%; 
    left:0px; 
    top: 0px 
}