三星Galaxy S21

</div>

                        </div>

</div>
        <div class="InfoLayer vd">
            <div class="VD-wrap horizon" >
                <div style="width: auto;height: auto;position: relative">
                    <video crossorigin="anonymous" playsinline="isiPhoneShowPlaysinline" x5-video-player-type="h5-page" t7-video-player-type="inline" webkit-playsinline="isiPhoneShowPlaysinline" x-webkit-airplay="" preload="none" data-role="txp_video_tag" x5-video-player-fullscreen="true" controls loop="" src="media/mv2.mp4" style="display: block;width: 60vw;height:auto;" class="vid" id="filmVD"   jm_neat="1440940033"></video>
                    <div class="infoCon" style="position: absolute;left:-9vw;bottom: 0vw;">
                <style>
                    .thumbItem {
                        position: relative;
                        width: 8.5vw;
                    }
                    .thumbItem img {
                        width: 100%;
                    }
                    .thumb1 {
                        margin-bottom: 0.36vw;
                    }
                    .mask {
                        background: rgba(0,0,0,0.8);
                        width: 100%;
                        height:100%;
                        top:0;
                    }
                    .vidTitle {
                        position: absolute;
                        width: 100%;
                        color: #fff;
                        font-size: 0.72916667vw;
                        text-align: center;
                        top: 50%;
                        transform: translateY(-50%);
                    }

.thumbItem.active .mask {
                        opacity: 0;
                    }
                    .thumbItem.active .vidTitle {
                        opacity: 0;
                    }

</style>
                                <div class="videoIntro" style="width:8.6vw;height:9.58em;">

<img src="img/videoThumb/txt_pc.png" alt="" style="width:14.58vw;float: right">
                                </div>
                                <div class="thumbWrapper">
                                    <div class="thumb1 thumbItem active" data-id="0" data-src="media/mv2.mp4" >
                                        <img src="img/videoThumb/thumb1_1.jpg" alt="">
                                        <div class="mask abs"></div>
                                        <div class="abs vidTitle">《小大人》</div>
                                    </div>
                                    <div class="thumb2 thumbItem" data-id="1" data-src="media/mv2_2.mp4" >
                                        <img src="img/videoThumb/thumb1_2.jpg" alt="">
                                        <div class="mask abs"></div>
                                        <div class=" vidTitle">解密拍摄细节</div>
                                    </div>
                                </div>
                            </div>
                </div>

<div class="swiper-container p3Swiper">
                          <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                  <video src="media/vid.mp4" id="p3_vid1" data-pid="视频播放" data-oid="video" controls playsinline="playsinline" webkit-playsinline="true" x5-playsinline=""
                                         preload="auto" class="p3_vid" x5-video-orientation="landscape" poster="img/pc/poster.jpg" width="100%"></video>
                            <img src="img/pc/playBtn.png" alt="" data-id="6" data-playId="" class="abs playBtn dcmp">
                              </div>
                              <div class="swiper-slide">
                                  <video src="media/vid3_2.mp4" id="p3_vid2" data-pid="点击播放lifestyle广告片" data-oid="lifestyle" controls playsinline="playsinline" webkit-playsinline="true" x5-playsinline="" preload="auto" class="p3_vid" x5-video-orientation="landscape" poster="img/poster3_2.jpg" width="100%"></video>
        <img src="img/pc/playBtn.png" alt="" data-id="6" data-playId="" class="abs playBtn dcmp">
                              </div>
                              <div class="swiper-slide">
                                  <video src="media/vid3_3.mp4" id="p3_vid3" data-pid="点击播放第二支lifestyle广告片" data-oid="lifestyle2" controls playsinline="playsinline" webkit-playsinline="true" x5-playsinline=""
                                         preload="auto" class="p3_vid" x5-video-orientation="landscape" poster="img/poster3_3.jpg" width="100%"></video>
        <img src="img/pc/playBtn.png" alt="" data-id="6" data-playId="" class="abs playBtn dcmp">
                              </div>
                          </div>
             <div class="swiper-pagination"></div>
            </div>
    </div>
    <div class="page page4">
          
            <div class="swiper-container v1Swiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide p4_1">
                    <img src="img/pc/p4_1_img.jpg" alt="" class="p4_bg">
                    
                    
                    <div class="txtCon abs" data-swiper-parallax="-50%" data-swiper-parallax-opacity="0"
                         data-swiper-parallax-duration="800">
                        <div class="title">创造惊艳高光时刻</div>
                        <div class="titleSub">独特风格,导演视角</div>
                        <div class="txt">
                            前后镜头同时拍摄，3个取景框实时预览，<br>
                            独具个性的拍摄视角及时甄选你喜爱的拍摄画面，瞬间升级导演身份。
                        </div>
                    </div>
                </div>
                  <div class="swiper-slide p4_2">
                      <img src="img/pc/p4_3_bg.jpg" alt="" class="p4_bg">
                      
                        <div class="videoCon abs">
                            <video playsinline="" x-webkit-airplay="allow" autoplay muted="" preload="none" class="p4_2_vid abs">
                              <source src="media/galaxy-s21-5g_highlights_single-take.mp4" type="video/mp4">
                          </video>
                        </div>
                      <div class="txtCon abs" data-swiper-parallax="-50%" data-swiper-parallax-opacity="0"
                           data-swiper-parallax-duration="800">
                          <div class="title">创造惊艳高光时刻</div>
                          <div class="titleSub">AI一键多拍<span>1</span>,灵感尽现</div>
                          <div class="txt">
                              人工智能的实现，令一键同步拍摄出多种模式的照片和视频。<br>
                                按下快门，随心而拍，后台自动编辑视频，<br>
                                提供适合分享的各类素材，<br>
                                让你变成大师般的内容创造者。
                          </div>
                      </div>

</div>
                  <div class="swiper-slide p4_3">
                      <img src="img/pc/p4_3_bg.jpg" alt="" class="p4_bg">
                      
                      <div class="videoWrapper abs">
                          <div class="videoCon abs">
                              <video playsinline="" muted="" preload="none"  autoplay loop class="p4_3_vid abs">
                              <source src="media/galaxy-s21-ultra-5g_highlights_steady.mp4" type="video/mp4">
                              <source src="media/galaxy-s21-ultra-5g_highlights_steady.webm" type="video/ogg">
                              <source src="media/galaxy-s21-ultra-5g_highlights_steady.ogv" type="video/webm">
                          </video>
                          </div>

<div class="tip tip1 abs">超级稳定模式关闭</div>
                          <div class="tip tip2 abs">超级稳定模式开启</div>

<img src="img/pc/p4_4_phone.png" class="phone abs" alt="">
                      </div>
                      <div class="txtCon abs" data-swiper-parallax="-50%" data-swiper-parallax-opacity="0"
                           data-swiper-parallax-duration="800">
                          <div class="title">创造惊艳高光时刻</div>
                          <div class="titleSub">超稳定拍摄,自然流畅</div>
                          <div class="txt">
                              超级稳定模式，AI稳定功能弱化运动带来的抖动， <br>
                    拍出稳定而不失动感的视频。超顺滑60fps视频拍摄，智能动态调整帧率<span>2</span>，<br>
                              不论白天黄昏都能保持清晰拍摄，重现细节精彩瞬间。
                          </div>
                      </div>

</div>

<img src="img/pc/p4_4_phone.png" class="phone abs" alt="">
                      </div>
                      <div class="txtCon abs" data-swiper-parallax="-50%" data-swiper-parallax-opacity="0"
                           data-swiper-parallax-duration="800">
                          <div class="title">创造惊艳高光时刻</div>
                          <div class="titleSub">8K拍摄,大师画质</div>
                          <div class="txt">
                              8K视频拍摄<span>3</span>，超高分辨率带来精彩的视频质感。<br>
                                使用8K视频快照，截取3300万像素超高分辨率的清晰照片，<br>
                                无论视频还是拍照任意选择，让拍摄变得简单。
                          </div>
                      </div>
                      
                      
                  </div>
              </div>

</div>
        
            <div class="p4_nav abs">
                <div class="navItem navItem1 active"><div class="navTxt abs"><div class="txt">导演视角</div></div><div class="navArea abs"></div></div>
                <div class="navItem navItem1 "><div class="navTxt abs"><div class="txt">AI一键多拍</div></div><div class="navArea abs"></div></div>
                <div class="navItem navItem1 "><div class="navTxt abs"><div class="txt">超稳定拍摄</div></div><div class="navArea abs"></div></div>
                <div class="navItem navItem1 "><div class="navTxt abs"><div class="txt">8K拍摄</div></div><div class="navArea abs"></div></div>
            </div>
    </div>
    <div class="page page5 observeItem">
        <img src="img/pc/waiguanBG.jpg" alt="">
        <div class="txtCon p5_txtCon abs">
            <div class="title">
                新潮外观创造性设计
            </div>
            <div class="txt p6Txt">
                配色新颖的<span style="font-family: 'SamsungSharpSans'!important">Galaxy S21</span>系列，以潮流眼光看待色彩之美。<br>
外观设计时尚前卫的摄像头组合，凭借精湛的切割工艺，<br>
圆润平滑的摄像头模组边缘与金属边框流畅衔接浑然一体，<br>
十分具有标志性和辨识度。
            </div>
        </div>

</div>
    <div class="page page6 observeItem">
        <img src="img/pc/xingnengBG.jpg" alt="">
        <div class="txtCon p6_txtCon abs">
            <div class="title">
                强悍性能不惧挑战
            </div>
            <div class="txt p6Txt">
                三星<span style="font-family: 'SamsungSharpSans'!important;vertical-align:middle !important;">Galaxy</span>的首款5纳米处理器，功率和速度不可小觑；<br>
以超快速度，助你更快完成多项任务。<br>
<span style="font-family: 'SamsungSharpSans'!important; vertical-align: middle !important;">Galaxy S21 Ultra 5G</span>手机最大5000毫安时(典型值)<span class="span">4</span> <br>
智能电池能量充沛，<br>
与新型节能屏幕和处理器相结合带来持久续航。

</div>
        </div>
    </div>












       





        <div class="page page8">
            <img src="img/pc/p8_bg.jpg" alt="">
            <a href="//www.samsung.com/cn/smartphones/galaxy-s21-ultra-5g/" class="link link1 abs dcmp" data-id="8" onclick="LinkClick('cn:Galaxys21_20210115:s21ultradetail','o');yoyi.track_event('DCPM_S21电影活动介绍页_点击跳转到S21Ultra产品页面');"
               target="_blank"></a>
        <a href="//www.samsung.com/cn/smartphones/galaxy-s21-5g/" class="link link2 abs dcmp" data-id="8" onclick="LinkClick('cn:Galaxys21_20210115:s21detail','o');yoyi.track_event('DCPM_S21电影活动介绍页_点击跳转到S21|S21+产品页面');"
           target="_blank"></a>
        </div>
    <div class="page fm">
        <img src="img/pc/fm.jpg" alt="">
    </div>
</div>

</div>

                        </div>
            
        </div>
        <div class="InfoLayer vd">
            <div class="VD-wrap horizon" style="flex-direction: column">
                <video crossorigin="anonymous" playsinline="isiPhoneShowPlaysinline" x5-video-player-type="h5-page" t7-video-player-type="inline" webkit-playsinline="isiPhoneShowPlaysinline" x-webkit-airplay="" preload="none" data-role="txp_video_tag" x5-video-player-fullscreen="true" controls loop="" src="media/mv2.mp4" style="display: block;" class="vid" id="filmVD" width="100%" jm_neat="1440940033"></video>

<div class="infoCon" style="position: relative;margin-top: 10vw; height: auot;">
                <style>
                    .thumbWrapper {
                        width: 60vw;
                        display: flex;
                        flex-direction: row;
                        justify-content: space-around;
                    }
                    .thumbItem {
                        position: relative;
                        width: 25vw;

}
                    .thumbItem img {
                        width: 100%;
                    }
                    .thumb1 {
                        margin-bottom: 0.36vw;
                    }
                    .mask {
                        background: rgba(0,0,0,0.8);
                        width: 100%;
                        height:100%;
                        top:0;
                    }
                    .vidTitle {
                        position: absolute;
                        width: 100%;
                        color: #fff;
                        font-size: 0.72916667vw;
                        text-align: center;
                        top: 50%;
                        transform: translateY(-50%);
                    }

.thumbItem.active .mask {
                        opacity: 0;
                    }
                    .thumbItem.active .vidTitle {
                        opacity: 0;
                    }

</style>
                                <div class="videoIntro">

<img src="img/videoThumb/txt_m.png" alt="">
                                </div>
                                <div class="thumbWrapper" style="margin: 0 auto;">
                                    <div class="thumb1 thumbItem active" data-id="0" data-src="media/mv2.mp4" >
                                        <img src="img/videoThumb/thumb1_1.jpg" alt="">
                                        <div class="mask abs"></div>
                                        <div class="abs vidTitle">《小大人》</div>
                                    </div>
                                    <div class="thumb2 thumbItem" data-id="1" data-src="media/mv2_2.mp4" >
                                        <img src="img/videoThumb/thumb1_2.jpg" alt="">
                                        <div class="mask abs"></div>
                                        <div class=" vidTitle">解秘拍摄细节</div>
                                    </div>
                                </div>
                            </div>
                <img src="img/mobile/close.png" class="closeIcon" alt="">
            </div>

</div>
        <div class="page page4">
            
            <div class="swiper-container v1Swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide p4_1">

                        <img src="img/mobile/p4_1_img.jpg" alt="" class=" p4_1_img">
                        <img src="img/mobile/p4_1_img2.jpg" alt="" class=" p4_1_img2">
                        <div class="txtCon abs">
                            <div class="title">创造惊艳高光时刻</div>
                        <div class="titleSub">独特风格,导演视角</div>
                        <div class="txt">
                            前后镜头同时拍摄，3个取景框实时预览，<br>
                            独具个性的拍摄视角及时甄选你喜爱的拍摄画面，<br>
                            瞬间升级导演身份。
                        </div>
                        </div>
                    </div>
                    <div class="swiper-slide p4_2">
                        <img src="img/mobile/p4_2_bg.jpg" alt="" class=" p4_2_bg ">

                        <div class="videoCon abs">
                            <video playsinline="" x-webkit-airplay="allow" muted="" preload="none" class="p4_2_vid abs">
                              <source src="media/galaxy-s21-5g_highlights_single-take.mp4" type="video/mp4">
                          </video>
                        </div>
                        <div class="txtCon abs">
                            <div class="title">创造惊艳高光时刻</div>
                          <div class="titleSub">AI一键多拍<span>1</span>,灵感尽现</div>
                          <div class="txt">
                              人工智能的实现，<br>
令一键同步拍摄出多种模式的照片和视频。<br>
按下快门，随心而拍，后台自动编辑视频，<br>
提供适合分享的各类素材，<br>
让你变成大师般的内容创造者。

</div>
                        </div>

</div>
                    <div class="swiper-slide p4_3">
                        <img src="img/mobile/p4_2_bg.jpg" alt="" class=" p4_3_img ">

<div class="tip tip1 abs">超级稳定模式关闭</div>
                          <div class="tip tip2 abs">超级稳定模式开启</div>

</div>

<img src="img/mobile/p4_3_phone.png" class="phone abs" alt="">
                      </div>
                      <div class="txtCon abs" data-swiper-parallax="-50%" data-swiper-parallax-opacity="0"
                           data-swiper-parallax-duration="800">
                          <div class="title">创造惊艳高光时刻</div>
                          <div class="titleSub">8K拍摄,大师画质</div>
                          <div class="txt">
                              8K视频拍摄<span>3</span>，超高分辨率带来精彩的视频质感。<br>
                                使用8K视频快照，截取3300万像素超高分辨率的清晰照片，<br>
                                无论视频还是拍照任意选择，让拍摄变得简单。
                          </div>
                      </div>
                        
                    </div>
                </div>
                
                
            </div>
            
            <div class="p4_nav abs">
                <div class="navItem navItem1 active"><div class="navTxt abs"><div class="txt">导演视角</div></div><div class="navArea abs"></div></div>
                <div class="navItem navItem1 "><div class="navTxt abs"><div class="txt">AI一键多拍</div></div><div class="navArea abs"></div></div>
                <div class="navItem navItem1 "><div class="navTxt abs"><div class="txt">超稳定拍摄</div></div><div class="navArea abs"></div></div>
                <div class="navItem navItem1 "><div class="navTxt abs"><div class="txt">8K拍摄</div></div><div class="navArea abs"></div></div>
            </div>
        </div>
        <div class="page page5 observeItem">
            <img src="img/mobile/waiguan.jpg" alt="">
            <div class="txtCon p5_txtCon abs">
                <div class="title">
                    新潮外观创造性设计
                </div>
               <div class="txt p6Txt">
                配色新颖的<span style="font-family: 'SamsungSharpSans'!important;vertical-align:middle !important;">Galaxy  S21</span>系列，<br>
以潮流眼光看待色彩之美。<br>
外观设计时尚前卫的摄像头组合，凭借精湛的切割工艺，<br>
圆润平滑的摄像头模组边缘与金属边框流畅衔接浑然一体，<br>
十分具有标志性和辨识度。

</div>
            </div>

</div>
        <div class="page page6 observeItem">
            <img src="img/mobile/xingneng.jpg" alt="">
            <div class="txtCon p6_txtCon abs">
                <div class="title">
                    强悍性能不惧挑战
                </div>
                <div class="txt p6Txt">
                    三星<span style="font-family: 'SamsungSharpSans'!important;vertical-align:middle !important;">Galaxy</span>的首款5纳米处理器，<br>
功率和速度不可小觑；<br>
以超快速度，助你更快完成多项任务。<br>
                    <span style="font-family: 'SamsungSharpSans'!important;vertical-align:middle !important;">Galaxy S21 Ultra 5G</span>手机最大5000毫安时(典型值)<span class="span">4</span> <br>
智能电池能量充沛，<br>
与新型节能屏幕和处理器相结合带来持久续航。

</div>
            </div>
        </div>













        





        <div class="page page8">
            <img src="img/mobile/p8_bg.jpg" alt="">
            <a href="//www.samsung.com/cn/smartphones/galaxy-s21-ultra-5g/" class="link link1 abs dcmp" data-id="8" onclick="LinkClick('cn:Galaxys21_20210115:s21ultradetail','o');yoyi.track_event('DCPM_S21电影活动介绍页_点击跳转到S21Ultra产品页面');"
               target="_blank"></a>
        <a href="//www.samsung.com/cn/smartphones/galaxy-s21-5g/" class="link link2 abs dcmp" data-id="9" onclick="LinkClick('cn:Galaxys21_20210115:s21detail','o');yoyi.track_event('DCPM_S21电影活动介绍页_点击跳转到S21产品页面');"
           target="_blank"></a>
        </div>
        <div class="page fm">
            <img src="img/mobile/fm.jpg" alt="">
        </div>
    </div>

没有建议

建议搜索

热门搜索

最近搜索

相关产品