I have a video in MP4 format sitting in a directory on my website. On a smartphone, when someone clicks a link, I want to open the video in full screen mode, while leaving the website exactly where it was before. So that after the video plays, the user can close it, and the website is still there. What is the best way to do this?
I already have a separate link for smartphones. I am handling the video in a different way on other types of devices.
Related
My goal is to create a webpage that only displays a full screen video on a TV. Then have a second webpage someone could open up on their mobile device (via a QR code) and have a choice of 4 videos. Once you tap a video on the mobile device, it changes the full screen video on the tv. What is the best way to do this? I was thinking via a MySQL DB storing the webpage, then using JS to check if the content in the DB has been updated, and if it has, make the change on the tv. Is this the best way?
I've seen some website have a video in multiple video streaming websites like Fembed or vidcast and some of the time the links are broken for whatever reason but I've seen a website that actually detects if the video source is broken and changed to a new one I wonder how can I detect broken link in Iframe?
is it possible to change the resolution of an embedded video via console? Previously, I happened to find a pretty cool trick to speed up a video (even exceeding the default speed options) just by typing this command on console document.querySelector('video').playbackRate = 3.0;. I wonder is there any similar trick for video resolution. My specific case is that I am doing online learning and want to have the videos to be of higher resolution. These videos are youtube videos that offer multiple options for resolution (on youtube) but the webpage which I learn somehow doesn't show the button for personal customization. I am a non-tech person so step-by-step guidance would be very appreciated.
Image of Edx Video: Always default at HD
Edx webpage links to the above image: Require account and sign in to view
Link to youtube video: offer multiple quality setting
Try right click on the video and see if you can get the URL of the video, then, watch it in YouTube.
Other options could be (since you're using the Google Chrome console):
Right click on the YouTube video > Inspect element and see the source code: there, for sure the YouTube video link
Or, (in the webpage you're inspecting) press ctrl + u (for get in a separated tab in your browser), then press ctrl + f and search for YouTube.
Any of the previous options will allow you to get the YouTube video in a webpage and you just copy and paste the obtained URL and watch directly the video on YouTube.
I designed a website for a client and had a developer (better than me) put together some Javascript which shows a video on hover. Works fine on all browsers except safari; it has a strange quirk.
The first time the page loads and the user performs the hover, the video plays no problem. If the user clicks on another tab (in the same browser window) and tabs back to the page, the video doesn't show. Just a box where the video should be.
Here's the page where you can see it in all its glory: removed
Video is MP4 H.264.
What the hell is the problem? The developer can't solve the mystery. Can you?
I'm trying to get it understand but after 2 days of digging the code I thought that I will post my issue here...
According to Apple's documentation, autoplaying videos on iOS devices cannot be done without user interaction first (e.g. tap on video). Despite that, mobile YouTube (m.youtube.com) is able to autoplay its videos just after loading a page with video.
Does anyone know how they are doing it?
PS. I've checked all available JS/HTML techniques of autoplaying videos on website on iOS (e.g. iframe, fake click, triggering touch event on video, fetching video with XHR).
I believe that youtube.com is a single page app. So when the user clicks on the video from the list view the page is not loading and their javascript uses that initial click, that leads to the video page, as the click that starts the video. It's not actually autoplaying, it's just a trick.