You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1000 B
33 lines
1000 B
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Video.js 6.2.8</title>
|
|
<link href="css/video-js.css" rel="stylesheet">
|
|
<style>
|
|
body{background-color: #191919}
|
|
.m{ width: 740px; height: 400px; margin-left: auto; margin-right: auto; margin-top: 100px; }
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="m">
|
|
<video id="my-video" class="video-js" controls preload="auto" width="740" height="400"
|
|
poster="m.png" data-setup="{}">
|
|
<source src="http://jq22com.qiniudn.com/jq22-sp.mp4" type="video/mp4">
|
|
<p class="vjs-no-js">
|
|
To view this video please enable JavaScript, and consider upgrading to a web browser that
|
|
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
|
|
</p>
|
|
</video>
|
|
<script src="js/video.min.js"></script>
|
|
<script type="text/javascript">
|
|
var myPlayer = videojs('my-video');
|
|
videojs("my-video").ready(function(){
|
|
var myPlayer = this;
|
|
myPlayer.play();
|
|
});
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|