mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-08 19:06:15 -08:00
Harvey Zack
ee49a0435e
* update artplayer.d.ts * update variables.less * update artplayerPluginControl * build:all * update docs * update docs * update docs * Update layers.md * update index.js * update docs * update docs
56 lines
1.6 KiB
HTML
56 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Artplayer.js</title>
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<meta name="keywords" content="artplayer, player, js, html5, video" />
|
|
<meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player" />
|
|
<link rel="shortcut icon" href="./assets/img/favicon.ico" type="image/x-icon" />
|
|
<link rel="stylesheet" href="./assets/css/normalize.css">
|
|
<style>
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.container {
|
|
height: 100%;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.artplayer-app {
|
|
aspect-ratio: 16 / 9;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="artplayer-app"></div>
|
|
</div>
|
|
<script src="./assets/js/vconsole.min.js"></script>
|
|
<script>var vConsole = new VConsole();</script>
|
|
<script src="./uncompiled/artplayer/index.js"></script>
|
|
<script src="./uncompiled/artplayer-plugin-ads/index.js"></script>
|
|
<script>
|
|
Artplayer.DEBUG = true;
|
|
|
|
var art = new Artplayer({
|
|
container: '.artplayer-app',
|
|
url: '/assets/sample/video.mp4',
|
|
plugins: [
|
|
artplayerPluginAds({
|
|
//
|
|
}),
|
|
],
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |