Skip to content

libai / footsen

Go to a project
Commit d6757a08 by agan
Options

提交

parent 39c84334
Inline Side-by-side
Showing with 43 additions and 16 deletions
css/new/index.css
......@@ -152,11 +152,11 @@ body {
.recommendBox {
width: 8rem;
width: 10rem;
height: 15rem;
position: absolute;
top: 5rem;
left: 1rem;
left: 0rem;
overflow-y: scroll;
}
......@@ -190,7 +190,9 @@ body {
color: #fff;
font-size: 0.347rem;
}
.rTime{
margin-left: 1rem;
}
.rName{
margin-left: 0.8rem;
}
......
newIndex.html
......@@ -55,8 +55,12 @@
<div class="mPhone">
<div class="phoneBorder"></div>
<div class="videoCon">
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" style="width: 100%;height: 100%;object-fit: fill;z-index: -1;" autoplay="autoplay" muted loop="loop">
<source src="video/video.mp4" type="video/mp4"></source>
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
x5-video-player-type="h5" x5-video-player-fullscreen="true"
style="width: 100%;height: 100%;object-fit: fill;z-index: -1;" autoplay="autoplay" muted
loop="loop">
<source src="video/video.mp4" type="video/mp4">
</source>
</video>
</div>
</div>
......@@ -77,7 +81,10 @@
<div class="rVideos">
<div class="rRow">
<div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/PxRti9Bknrs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/PxRti9Bknrs"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<div class="rInfo">
<span class="rTime">2021/08/22</span>
......@@ -86,7 +93,10 @@
</div>
<div class="rRow">
<div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/ygtef2thdgw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/ygtef2thdgw"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<div class="rInfo">
<span class="rTime">2021/07/16</span>
......@@ -104,7 +114,10 @@
</div> -->
<div class="rRow">
<div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/n9QRNjZNJQ4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/n9QRNjZNJQ4"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<div class="rInfo">
<span class="rTime">2021/06/06</span>
......@@ -113,7 +126,10 @@
</div>
<div class="rRow">
<div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/Lt3fZZqNulg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/Lt3fZZqNulg"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<div class="rInfo">
<span class="rTime">2021/05/29</span>
......@@ -122,7 +138,10 @@
</div>
<div class="rRow">
<div class="youtubeVideos">
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/UNtQytZtGkM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe class="elementor-video-iframe" src="https://www.youtube.com/embed/UNtQytZtGkM"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<div class="rInfo">
<span class="rTime">2021/05/09</span>
......@@ -155,12 +174,12 @@
return;
}
curp++;
if(curp == 2){
if (curp == 2) {
$('.wipeUp').hide();
}else{
} else {
$('.wipeUp').show();
}
$('.curpage').animate({ top: -(scrollH * curp) + 'px'});
$('.curpage').animate({ top: -(scrollH * curp) + 'px' });
return;
}
if (ev.type == 'swipedown') {
......@@ -169,15 +188,21 @@
return;
}
curp--;
if(curp == 2){
if (curp == 2) {
$('.wipeUp').hide();
}else{
} else {
$('.wipeUp').show();
}
$('.curpage').animate({ top: -(scrollH * curp) + 'px'});
$('.curpage').animate({ top: -(scrollH * curp) + 'px' });
return;
}
});
touch.on($('.recommendBox'), 'swipeup swipedown', function (ev) {
touchB = false;
if ($('.recommendBox').scrollTop() == 0) {
touchB = true;
}
})
})
</script>
</body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment