mirror of
https://github.com/videojs/video.js.git
synced 2025-05-29 23:17:35 +02:00
51bd49f4bc
This adds a breakpoints option. By default, this option is false meaning this is an opt-in feature. When passing true, it will use a default set of breakpoints. Or custom breakpoints can be passed if users do not like our breakpoints (or previously-existing style decisions). - Add breakpoints option. - Adds some new (currently unused) classes: vjs-layout-medium, vjs-layout-large, vjs-layout-x-large, and vjs-layout-huge. - Add updateCurrentBreakpoint and currentBreakpoint methods to the player. - Update css/components/_adaptive.scss - Add sandbox/responsive.html.example Closes videojs/video.js#4371
24 lines
1.0 KiB
HTML
24 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<title>Video.js | HTML5 Video Player</title>
|
|
<link href="http://vjs.zencdn.net/7.0/video-js.min.css" rel="stylesheet">
|
|
<script src="http://vjs.zencdn.net/7.0/video.min.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<video id="example_video_1" class="video-js" controls preload="none" width="640" height="264" poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}">
|
|
<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
|
|
<source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
|
|
<source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
|
|
<track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English">
|
|
<track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English">
|
|
<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>
|
|
|
|
</body>
|
|
|
|
</html>
|