文档章节

poster 手机全屏显示

yizhichao
 yizhichao
发布于 2017/08/17 16:07
字数 73
阅读 12
收藏 0
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title></title>
        <style type="text/css">
        .video-container2{
            width: auto;
            height: 100%;
            border: solid;
        }
        .video2{
            width: 100%;
            height: 100%;
            background:transparent url('http://image.rongyu360.com/hebaby/image/20170817/640075095117022786d94aa.jpg') 50% 50% no-repeat;
            -webkit-background-size:cover;
            -moz-background-size:cover;
            -o-background-size:cover;
            background-size:cover;
        }
        </style>
    </head>
    <body>
    <div class="video-container2">
        <video class="video2" src="oceans.mp4" poster="2.jpg" controls>

        </video>
    </div>
    </body>
</html>

 

© 著作权归作者所有

yizhichao

yizhichao

粉丝 15
博文 463
码字总数 362827
作品 0
南京
程序员
私信 提问
H5视频兼容安卓、IOS踩坑相关

1.视频暂停和播放 将JQ对象转换为原生JS对象 有遮罩层的视频播放和暂停 2.音乐开关 3.视频切换+音量播放 pug js 4.微信不能够自动播放 5.页面强制横屏问题 6.H5--移动端视频video的android兼...

谭瞎
2018/07/28
0
0
微信中的video属性设置

qq_16494241
2017/03/14
0
0
Html5添加全屏背景视频jQuery插件教程

一、使用Vmc Slider需要引入jQuery和vidbg.min.js。 <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="vidbg.min.js"></script> 二、初始......

大街小巷
2016/01/04
430
0
android兼容oppo手机刘海屏解决方案

引用自OPPO官方文档,这里缩减了一些内容,选取重要内容,包括oppo沉浸式的兼容。 转载请标明出处: https://blog.csdn.net/DJY1992/article/details/80688802 本文出自:【奥特曼超人的博客】...

奥特曼超人
2018/06/14
0
0
WebComponent+WebGl的实时图像处理弹幕播放器

github -> github.com/dwqdaiwenqi… 融合了WebGl和Web Componet的实时图像处理弹幕播放器 特征 基于Web Components ,拥抱Web Components标准,内部使用的 omi 作为开发Web Components的开发...

戴戴戴
02/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

怎么升级phpstudy中的php版本

http://www.php.cn/jishu/php/413274.html php官网 下载php版本 https://windows.php.net/

15834278076
14分钟前
1
0
文件已删除但句柄没有释放导致磁盘空间用完

有时候会发现linux文件系统分区已经快满了,但又找不到到底是什么文件占用了磁盘空间,就有可能是已删除的文件的句柄没有释放,还占着空间 检查命令: lsof | grep deleted 如果发现很多del...

果树啊
19分钟前
2
0
mysql5.7 [Err] 1118 - Row size too large (> 8126).

mysql [Err] 1118 - Row size too large (> 8126). 问题 mysql5.7 在执行创建表或者增加字段时,发现row size长度过长,导致出现以下错误。 [Err] 1118 - Row size too large (> 8126). C......

GritTan
20分钟前
1
0
[mybatis]一级缓存与二级缓存配置(mybatis3.4.0)

二级缓存 添加<cache />即可 日志: 2019-05-20 16:28:16.525 [http-nio-8830-exec-2] DEBUG com.asiainfo.mysql.MysqlMapper -Cache Hit Ratio [com.asiainfo.mysql.MysqlMapper]: 0.......

Danni3
30分钟前
1
0
Kafka两级调度实现分布式协调任务分配Golang版

背景 基于Kafka消息队列的两级协调调度架构 Kafka内部为了协调内部的consumer和kafka connector的工作实现了一个复制协议, 主要工作分为两个步骤: 通过worker(consumer或connect)获取自身的...

8小时
37分钟前
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部