Hallo
Am Computer sieht der Video top (über die ganze Seite), aber am iPhone (Mobile Gerät) nicht, wie kann ich jetzt so machen, dass die Abfrage kommt, falls Mobile Gerät dann sollte ein kleineres Video gezeigt werden, oder kann ich aus dem Code per CSS ein kleinere Video machen bzw. für Mobile Geräte optimieren?
Danke
Hier noch die Code bei JSBIN:
https://jsbin.com/pogiganuha/edit?html,output
Code
<div class="slider-container rev_slider_wrapper" style="height: 100vh;">
<div id="revolutionSlider" class="slider rev_slider" data-version="5.4.8" data-plugin-revolution-slider data-plugin-options="{'sliderLayout': 'fullscreen', 'delay': 9000, 'gridwidth': 1170, 'gridheight': 1000, 'disableProgressBar': 'on', 'responsiveLevels': [4096,1200,992,500], 'parallax': { 'type': 'scroll', 'origo': 'enterpoint', 'speed': 1000, 'levels': [2,3,4,5,6,7,8,9,12,50], 'disable_onmobile': 'on' }}">
<ul>
<li class="slide-overlay" data-transition="fade">
<img src="img/blank.gif"
alt=""
data-bgposition="center center"
data-bgfit="cover"
data-bgrepeat="no-repeat"
class="rev-slidebg">
<div class="rs-background-video-layer"
data-forcerewind="on"
data-volume="mute"
data-videowidth="100%"
data-videoheight="100%"
data-videomp4="video/memory-of-a-woman.mp4"
data-videopreload="preload"
data-videoloop="loop"
data-forceCover="1"
data-aspectratio="16:9"
data-autoplay="true"
data-autoplayonlyfirsttime="false"
data-nextslideatend="false">
</div>
<div class="tp-caption font-weight-light"
data-frames='[{"from":"opacity:0;","speed":300,"to":"o:1;","delay":2000,"split":"chars","splitdelay":0.05,"ease":"Power2.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
data-x="center"
data-y="center" data-voffset="['40','40','40','80']"
data-fontsize="['18','18','18','50']"
data-lineheight="['20','20','20','55']"
style="color: #b5b5b5; z-index: 5;"></div>
<a class="tp-caption slider-scroll-button"
data-hash
data-hash-offset="80"
href="#main"
data-x="center"
data-y="bottom" data-voffset="['30','30','30','30']"
data-start="1600"
data-transform_in="y:[100%];s:500;"
data-transform_out="y:[100%];opacity:0;s:500;"
data-mask_in="x:0px;y:0px;" style="z-index: 5;"></a>
<div class="tp-dottedoverlay tp-opacity-overlay"></div>
</li>
</ul>
</div>
</div>
Alles anzeigen