本文介绍如何使用HTML5和JavaScript创建一个自定义的视频播放器。通过简单的代码示例展示了如何实现视频的自动播放、控制条等功能，并提供了一个完整的HTML文件结构。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://vjs.zencdn.net/5-unsafe/video.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="https://vjs.zencdn.net/5-unsafe/video-js.css"/>
</head>
<body>
<video autoplay="autoplay" class='video-js vjs-default-skin' webkit-playsinline controls='controls' style="height: 500px;" height='100%' id='play_video' poster="" time="1027" seq="1" lesson_count="" data-setup='{"example_option":true,"customControlsOnMobile": true}' preload='none' width="655">
<!-- 如果浏览器不兼容HTML5则使用flash播放 -->
<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />
</video>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://vjs.zencdn.net/5-unsafe/video.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="https://vjs.zencdn.net/5-unsafe/video-js.css"/>
</head>
<body>
<video autoplay="autoplay" class='video-js vjs-default-skin' webkit-playsinline controls='controls' style="height: 500px;" height='100%' id='play_video' poster="" time="1027" seq="1" lesson_count="" data-setup='{"example_option":true,"customControlsOnMobile": true}' preload='none' width="655">
<!-- 如果浏览器不兼容HTML5则使用flash播放 -->
<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />
</video>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
