Question

<body>

<link href="//mysite.com/player/video-js/video-js.min.css" rel="stylesheet">
<link href="//mysite.com/css/op.css" rel="stylesheet">

<script src="//mysite.com/video-js/video.min.js"></script>

<div align="center">
<video id="myvideo" class="video-js vjs-default-skin vjs-big-play-centered" controls
 preload="auto" poster="IMG-LINK"
data-setup="{}">
 <source src="VIDEO-LINK" type="video/mp4" width="100%" height="100%">
</video>

</body>

如何使用JW Player解决此问题与使用不能100％完整的Video.js完美配合

Answer 1

尝试这种方式：

<video style="width: 100%; height: 100%" id="myvideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="IMG-LINK" data-setup="{}">
 <source src="VIDEO-LINK" type="video/mp4">
</video>

Answer 2

如果你把width =＆＃34; 100％＆＃34;高度=＆＃34; 100％＆＃34;在＆＃34;视频＆＃34;标签不在＆＃34;来源＆＃34;标签

<video id="myvideo" class="video-js vjs-default-skin vjs-big-play-centered" controls
 preload="auto" poster="IMG-LINK"
data-setup="{}" width="100%" height="100%">
 <source src="VIDEO-LINK" type="video/mp4">
</video>

Answer 3

<body>

<link href="//mysite.com/player/video-js/video-js.min.css" rel="stylesheet">
<link href="//mysite.com/css/op.css" rel="stylesheet">

<script src="//mysite.com/video-js/video.min.js"></script>

<div align="center">
<video id="myvideo" class="video-js vjs-default-skin vjs-big-play-centered" controls
 preload="auto" poster="IMG-LINK"
data-setup="{}">
 <source src="VIDEO-LINK" type="video/mp4" width="100%" height="100%">
</video>

</body>

<video id="myvideo" class="video-js vjs-default-skin vjs-big-play-centered" controls
 preload="auto" poster="IMG-LINK"
data-setup="{}" width="100%" height="100%">
 <source src="VIDEO-LINK" type="video/mp4">
</video>

请检查我附上的图像。

enter image description here

Answer 4

只需使用fluid选项

<video class="video-js" data-setup='{"fluid": true}'>
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
</video>

video.js - width =“100％”height =“100％”不起作用？

4 个答案: