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
Resizing of Video.
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 23
- Joined: 28 Dec 2012, 21:26
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
<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
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Glad to hear, thanks a lot for the update!
Best Regards,
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest