iPhone 与 iPad浏览器上的 HTML5 内嵌视频

html
<!DOCTYPE html>
<html>
<head>
    <title>自定义视频播放器样式</title>
    <style>
        vIDEO {
            width: 100%;
            height: auto;
        }
        .controls {
            background-color: #000;
            color: #fff;
            padding: 10px;
            text-align: center;
        }
        .controls button {
            background-color: #fff;
            color: #000;
            border: none;
            padding: 5px 10px;
            margin: 0 5px;
            cursor: pointer;
        }
        .controls button:hover {
            background-color: #333;
            color: #fff;
        }
    </style>
</head>
<body>
    <h1>自定义视频播放器样式</h1>
    <vIDEO controls>
        <source src="vIDEO.mp4" type="vIDEO/mp4">
        Your browser does not support the vIDEO tag.
    </vIDEO>
    <div class="controls">
        <button>播放</button>
        <button>暂停</button>
        <button>全屏</button>
        <button>音量+</button>
        <button>音量-</button>
    </div>
</body>
</html>