zoukankan      html  css  js  c++  java
  • 移动端适配video适配

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>视频适配移动端</title>
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="black" name="apple-mobile-web-app-status-bar-style">
        <meta content="telephone=no" name="format-detection">
        <meta content="email=no" name="format-detection">
        <style type="text/css">
        body{ max-width: 
        640px; margin:0 auto; }
        </style>
    </head>
    <body>
    <div style="padding:56% 0 0;position: relative;margin:0;background-color: #000;">
        <video style="position: absolute;height: 100%; 100%;top:0;left:0;" src="http://img.fuyuandian.com/kaiguang2.mp4" controls="controls"></video>
    </div>
        
    </body>
    </html>
  • 相关阅读:
    XML-SAX
    aio-epoll
    aio-java
    设计模式-策略模式、命令模式
    java-io一
    计算机网络-tcp的可靠性
    计算机网络-tcp简介
    设计模式-单例模式、工厂模式
    Cookie和Session简述
    mysql-优化二
  • 原文地址:https://www.cnblogs.com/huanghuali/p/8143366.html
Copyright © 2011-2022 走看看