gpt4 book ai didi

javascript - 为什么 plyr 没有在任何浏览器中以全屏模式全屏播放视频

转载 作者:行者123 更新时间:2023-12-03 06:59:32 26 4
gpt4 key购买 nike

我遇到了一个非常不同的问题,在 fullscreen我的模式plyrjs没有向 fullscreen 播放视频

我试图重现 问题 中的代码相同密码笔 但它适用于 密码笔 为什么?。

问题:为什么相同的代码会产生 fullscreen密码笔 但不在我的项目中,在任何浏览器中。

这是屏幕截图(在我的项目中以 fullscreen 模式播放):

enter image description here

**

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

最佳答案

确保您的 <link <script import 语句在您的代码中尽早声明。

<link rel="stylesheet" href="https://cdn.plyr.io/3.4.7/plyr.css" />
<script src="https://cdn.plyr.io/3.4.7/plyr.polyfilled.js"></script >

关于javascript - 为什么 plyr 没有在任何浏览器中以全屏模式全屏播放视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53901373/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com