Wie Display-Steuerung in jwplayer auf Smartphone gleiche Desktop

Question

Ich habe versucht, Config-Display Videos auf meiner Website mit 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 
    }, 
}); 

• Kontrollen Smartphone: Wiedergabe, HD-Taste steuert Desktop: Wiedergabe, HD, CC, Lautstärketaste und Fortschrittsbalken

Display controls at smartphone

Display controls at desktop

Bitte helfen Sie mir, wie Display-Steuerelemente am Smartphone als Desktop

Answer 1

Ich habe eine Antwort auf meine Frage. Da ich diesen Quellcode nicht verstanden habe, hat ein anderes Mitglied es modifiziert.

Diese CSS keine Kontrollen auf dem Smartphone angezeigt werden

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