Navigation

    云、贵、川、渝IT人的圈子
    • Register
    • Login
    • Search
    • 主页
    • 问答
    • 话题
    • 热门
    • 圈子
    • 招聘
    • 活动
    • 项目

    微信小程序如何制作全屏视频

    技术答疑
    2
    2
    24
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • tarao616
      tarao616 last edited by

      公司项目需要制作全屏沉侵式体验的播放效果,当时video没法全屏播放怎么办

      1 Reply Last reply Reply Quote 0
      • 最远的旅行
        最远的旅行 last edited by

        新建一个页面,将页面的导航条去掉

        以页面名称为 page 举例

        在小程序page.json 中加上下方的描述

        {
            "navigationBarTitleText": "全屏播放页面",
            "navigationStyle": "custom", // 使用自定义导航条
        }
        

        page.wxml

        <video src="https://xxx.com/xxx.mp4"></video>
        

        在page.css中将video的宽高设置成为100%即可

        video {
            width: 100vw;
            height: 100vh;
        }
        
        1 Reply Last reply Reply Quote 0
        • First post
          Last post
        8
        玻
        U
        A
        大
        A
        青
        黑
        低
        天
        白
        快
        爱
        白
        美
        此
        荒
        为
        哭
        柳
        无
        真

        社群
        昆明网页设计交流吧
        友情链接
        • Funtask
        • Funtask 社区
        • SUWIS
        • 云南北大青鸟
        ©2019-2020 滇ICP备20006698号