视频播放示例网站
本示例网站提供了两个不同尺寸的视频播放示例。每个示例都使用Video.js库来实现视频播放器的创建和控制。你可以根据自己的需求选择适合的视频播放器，并进行相应的定制和配置。
视频1:760px x 400px
<div class="example_video_1-dimensions">
<video id="my-video" class="video-js" controls preload="auto" width="760" height="400" data-setup='{}'>
<source src="movie.mp4" type="video/mp4" />
</video>
</div>
.example_video_1-dimensions { width: 760px; height: 400px; }
.example_video_1-dimensions.vjs-fluid { padding-top: 56.25%; }
视频2:1080px x 675px
<div class="example_video_2-dimensions">
<video id="my-video" class="video-js" controls preload="auto" width="1080" height="675" data-setup='{}'>
<source src="movie.mp4" type="video/mp4" />
</video>
</div>
.example_video_2-dimensions { width: 760px; height: 400px; }
.example_video_2-dimensions.vjs-fluid { padding-top: 56.25%; }
JavaScript代码块(可选)
如果你需要更详细的控制和自定义功能，可以在JavaScript代码块中添加相关的配置选项。例如，你可以修改播放器的各种属性，添加插件或事件监听器等。这里提供的是一个简单的示例，你可以根据需要进行进一步的扩展和优化。
// JavaScript代码块示例(可选)
var player = videojs("my-video"); // 获取播放器实例
player.play(); // 开始播放视频
我们使用了CSS Flexbox布局来实现自适应高度的效果。同时，我们还引入了一个来自百度统计的跟踪脚本，用于收集用户访问数据并进行分析。请根据你的需求进行相应的调整和配置。
