I am using HTML 5 light box popup for playing a video. i have been Calling video through web service from another website and stream into my player using html5-light-box popup using this method
html5Lightbox.showLightbox()
everything works fine but when viewed on mobile got to full screen video controls hide. when inspect element shown bottom of the video
Related
As I am using a browser and playing some movies or content on the browser. I got a idea why not play a static player in the browser which plays youtube video or any other website videos which is supporting this option.
player not dependent on web page a static page.
support drag and drop to any place on the browser.
even when we click on other pages the static page should play and remain constant.
try to support all the players which are running on the browser.
and please this is just an opinion from my side.
If there is any browser or software supporting this feature let me know here
Advance thanks
Add this 2 extension for chrome browser
Floating Player
Picture in picture for your browser
It is a small achievement.
I need to integrate the HTML5 Video player in the page to run an MP4 video. This video is running within a carousel which on load does the slide width calculations, as the video original videos width managed through the CSS for with the width:100%.
The issue is when the page loads and the carousel initialises, the controls of the VIDEO do not expand full width of the video player. Once I click anywhere on the video, other than the play button, the control panel expands the full width, as it should.
BEFORE:
AFTER:
I'm using html. I have embedded a Youtube video via youtube api. The page i'm working on meant to used by mobile users. So the problem is when the user clicks the fullscreen button on the video, it automatically goes wide screen. Like rotates 90 degree.
The following only occurs in a newly release Chrome browser (meaning it was working on a previous Chrome browser version) while using the JQuery plugin Swipebox. Firefox, IE and Edge all work as expected.
Issue (swipebox 1.4.1 latest):
While playing a Youtube Video, click swipebox's Next or Prev navigation arrows.
The next video will be showed, however, trying to play this video will result in the next video to appear on top of the current video, which is actually playing (you can hear the sound, but can not see it).
The close "X" and navigation arrows are no longer visible.
You are now stuck. Must refresh page or press "ESC".
Again, in IE, Firefox and Edge, the video navigation all behave properly.
This only seems to occur on the Chrome browser.
How to replicate:
Example video page: http://donsfootwear.com/production-videos
Click a thumbnail - The Swipebox plugin will initiate and show the video preview fullscreen.
Play video by clicking on it - The video will start playing.
Whist the video plays, click the "Next" arrow - The next video preview will be showed.
Play video by clicking on it.
You are now stuck - The video you just clicked play will disappear. The next video preview will be shown (unresponsive). Swipebox "X" close and "Next"/"Prev" navigation buttons will disappear. Only way to escape is pressing "ESC" or refresh page.
Anyone can verify/experienced this with their own site, and most importantly have a workaround?
Thank you.
This has been fixed via a google chrome update recently.
As we know, the tag video has default control that can play video with fullscreen. It's a pretty watch mode. And I want make image img can be achieved this. I find a web can do this, but I can't figure it out how to trigger the video fullpage mode when click a image in web page.
Notice: Not make browser window full screen.
Thanks for your help and click this is link. In a word, how to watch img with browser in this way as follow:
in above link, you can first choose fullscreen.
second, click the button launch image gallery.