VideoJS播放功能

Question

我对播放器有一个问题，重点是当我尝试调用player.play()时，什么也没有发生。Chrome 72

​

	var player = videojs('content_video');
	
	player.src({
			src: "https://vdn.terrafox.com/sf/bb-baycam/playlist.m3u8",
			type: "application/x-mpegURL"
	})
	player.ready(() => {
	   player.play()
	})	

	 <link href="http://vjs.zencdn.net/5.19/video-js.css" rel="stylesheet">
	 <script src="http://vjs.zencdn.net/5.19/video.js"></script>
	 <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.8.0/videojs-contrib-hls.min.js" ></script>  
   
    <video id="content_video" class="video-js vjs-default-skin" controls preload="auto" autoplay playsinline width="640" height="360">
    </video>

​

Answer 1

您正在使用的链接(即https://vdn.terrafox.com/sf/bb-baycam/playlist.m3u8)不存在。所以播放功能不起作用。如果您使用正确的url作为ex。https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8它会起作用的

​

	var player = videojs('content_video');
	
	player.src({
			src: "https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8",
			type: "application/x-mpegURL"
	})
	player.ready(() => {
	   player.play()
	})	

	 <link href="http://vjs.zencdn.net/5.19/video-js.css" rel="stylesheet">
	 <script src="http://vjs.zencdn.net/5.19/video.js"></script>
	 <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.8.0/videojs-contrib-hls.min.js" ></script>  
   
    <video id="content_video" class="video-js vjs-default-skin" controls preload="auto" autoplay playsinline width="640" height="360">
    </video>

​