我遇到了一个非常不同的问题,在fullscreen
模式下我plyrjs
没有播放视频fullscreen
我试图在 codepen 中使用相同的代码重现问题,但它在codepen中有效,为什么?
问题:为什么fullscreen
在codepen中产生相同的代码,但在我的项目中没有,在任何浏览器中。
这是屏幕截图(fullscreen
在我的项目中以模式播放):
**
var videoPlayer = new Plyr('#plyr-video');
var src = 'https://vjs.zencdn.net/v/oceans.mp4';
videoPlayer.source = {
type: 'video',
title: 'Example title',
sources: [
{
src: src,
type: 'video/mp4',
size: 720
}
],
poster: ''
};
<link href="https://cdn.plyr.io/3.4.7/plyr.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.plyr.io/3.4.7/plyr.polyfilled.js"></script>
<video controls crossorigin playsinline id="plyr-video" controlsList="download" controls style="max-width: 533px;max-height: 300px;">
<source src="" type="video/mp4">
<source src="" type="video/webm">
<track kind="captions" label="English captions" src="" srclang="en" default>
</video>
Codepen 演示:https ://codepen.io/eabangalore/pen/wRdGGB