1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>CCTV News</title> 7 <link href="https://player.5centscdn.com/videojs/7.7.6/video-js.min.css" rel="stylesheet" /> 8 <style type="text/css"> 9 html, body {margin: 0;padding: 0;background-color: #000;} 10 .video-js.vjs-hls-quality-selector{display:block} 11 .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:20em;} 12 @media screen and (orientation:portrait) { 13 .video-js{width:100vw;height:40vh;} 14 } 15 @media screen and (orientation:landscape) { 16 .video-js{width:100vw;height:100vh;} 17 } 18 </style> 19
19<script src="https://player.5centscdn.com/videojs/ie8/1.1.2/videojs-ie8.min.js"></script>
19 20
20<script src="https://player.5centscdn.com/videojs/jquery-3.2.1.slim.min.js"></script>
20 21</head> 22<body> 23 <video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered" muted autoplay controls preload="auto"> 24 <p class="vjs-no-js"> 25 To view this video please enable JavaScript, and consider upgrading to a web browser that 26 <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> 27 </p> 28 </video> 29 30
30<script src="https://player.5centscdn.com/videojs/7.7.6/video.min.js"></script>
30 31
31<script src="https://player.5centscdn.com/videojs/videojs-contrib-quality-levels.min.js"></script>
31 32
32<script src="https://player.5centscdn.com/videojs/videojs-hls-quality-selector.min.js"></script>
32 33
33<script src="https://player.5centscdn.com/videojs/videojs.hotkeys.min.js"></script>
33 34 35
35<script type="text/javascript"> 36 let player = {}; 37 $(document).ready(function () { 38 player = videojs('my-video', { 39 fit: true, 40 responsive: true, 41 controls: true, 42 liveui: true, 43 techOrder: ["html5"], 44 html5: { 45 hls: { 46 overrideNative: true, 47 enableLowInitialPlaylist: true, 48 useBandwidthFromLocalStorage: true, 49 allowSeeksWithinUnsafeLiveWindow:true, 50 }, 51 nativeAudioTracks: false, 52 nativeVideoTracks: false, 53 nativeControlsForTouch: false, 54 }, 55 plugins: { 56 }, 57 sources: [{ 58 type: "application/x-mpegurl", 59 src: "https://96vd9q4kyxq7-hls-live.5centscdn.com/livestream/f25aeb3e9210967d546a077de6e105e4.sdp/playlist.m3u8" 60 }], 61 }, function () { 62 this.reloadSourceOnError(); 63 64 this.hlsQualitySelector({ 65 displayCurrentQuality: true, 66 }); 67 68 this.hotkeys({ 69 volumeStep: 0.1, 70 seekStep: 5, 71 enableModifiersForNumbers: false, 72 alwaysCaptureHotkeys: true, 73 }); 74 75 setTimeout(function () { 76 player.play(); 77 }, 750); 78 }); 79 }); 80 </script>
80 81</body> 82</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.