Videojs 和 clappr livestream 总是在直播中打开,如何禁用?
Videojs and clappr livestream always open on livestream, how to disable?
我有一个显示实时流视频的页面,但是当我在 ios 设备上打开该页面时,它会以全屏模式打开实时流,而当退出全屏模式时,实时流会暂停。我希望在全屏模式下无需打开直播视频即可播放。
video.js 这是我试过的:
html:
<video id="hls-player" controls autoPlay preload="auto" className='video-js vjs-default-skin vjs-big-play-centered'>
<source src="http://localhost:8080/hls/cam06.m3u8" />
</video>
js:
videojs('hls-player', {
controls: true,
liveui:true,
allowfullscreen:false,
autoplay: true,
});
此外,我尝试使用 Clappr 库,但得到了相同的结果,这是我所做的:
*html:
<div id="player" align='center'>
</div>
js:*
new Clappr.Player({
// this is an example url - for this to work you'll need to generate fresh token
source: 'http://localhost:8080/hls/cam06.m3u8',
parentId: '#player',
autoPlay:true,
});
希望有人能帮助我,我有点绝望
对于 Video.js,将 playsinline
属性添加到视频元素。
我有一个显示实时流视频的页面,但是当我在 ios 设备上打开该页面时,它会以全屏模式打开实时流,而当退出全屏模式时,实时流会暂停。我希望在全屏模式下无需打开直播视频即可播放。
video.js 这是我试过的:
html:
<video id="hls-player" controls autoPlay preload="auto" className='video-js vjs-default-skin vjs-big-play-centered'>
<source src="http://localhost:8080/hls/cam06.m3u8" />
</video>
js:
videojs('hls-player', {
controls: true,
liveui:true,
allowfullscreen:false,
autoplay: true,
});
此外,我尝试使用 Clappr 库,但得到了相同的结果,这是我所做的:
*html:
<div id="player" align='center'>
</div>
js:*
new Clappr.Player({
// this is an example url - for this to work you'll need to generate fresh token
source: 'http://localhost:8080/hls/cam06.m3u8',
parentId: '#player',
autoPlay:true,
});
希望有人能帮助我,我有点绝望
对于 Video.js,将 playsinline
属性添加到视频元素。