Resizing of Video.

Post Reply
singareddy
Posts: 23
Joined: 28 Dec 2012, 21:26

09 Nov 2019, 11:46

I am using html5 video tag for displaying the video using Ultima framework. When I ever resize the window, it is giving scrollable bar for displaying video and it is not resizing to fit the video. Here is the URL for the Video.

https://ooftish.com/videos/CKXAZMf7/index.xhtml

Can you help me out, what are the tags (or css) need to apply for video display.
Thanks a lot for your help.

Ravi

singareddy
Posts: 23
Joined: 28 Dec 2012, 21:26

19 Nov 2019, 01:47

Finally able to solve resizing of the video. Here is the code, if any body want to reuse it

<video class="data-dashjs-player" playsinline="true" poster="/videos/AMGzwRDS/AMGzwRDS_9.png" style="position: relative; object-fit: cover; overflow: hidden; width: 100%; height: 100%; border-radius: 1px" controls="true" id="mymusic" oncontextmenu="javascript:return false;">
<source type="video/mp4" src="/media/AMGzwRDS?randomId=r9MsHr4aG2wujp7G21PPbZ42yadqcm+RY/HF7riQvHYIr098yLoDCaHZAqV9UU8n"></source>
</video></div>

and live example : https://www.ooftish.com/videos

aragorn
Posts: 3978
Joined: 29 Jun 2013, 12:38

23 Dec 2019, 09:09

Glad to hear, thanks a lot for the update!

Best Regards,

Post Reply

Return to “Ultima - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 0 guests