CODEWITHSUNDEEP
javascriptphphtmliframe
user9273738
user9273738

Reputation:

video.js - width="100%" height="100%" is not working?

<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>

how to fix this with JW Player is working perfect with Video.js that can't be 100% full scern

Upvotes: 1

Views: 8400

Answers (4)

BottleMan
BottleMan

Reputation: 71

Just use the fluid option

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

Upvotes: 1

Khoi Ngo Nguyen
Khoi Ngo Nguyen

Reputation: 174

<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>

Please check images which I attached.

enter image description here

enter image description here

Upvotes: 0

Khoi Ngo Nguyen
Khoi Ngo Nguyen

Reputation: 174

It will work if you put width="100%" height="100%" in "video" tag not in "source" tag.

<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>

Upvotes: 1

jeprubio
jeprubio

Reputation: 18022

Try this way:

<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>

Upvotes: 1

Related Questions