Questions tagged [html5-video]

0

votes
0

answer
3

Views

Overlay a text in a Full Screen Video Player

I want to overlay or show the text html in my full screen video player. it does show in the normal screen but when I click the full screen, the text is not shown. here is what is look like when it is in normal sreen. SEE MY OVERLAY TEXT IN NORMAL VID SCREEN and when I FULL SCREEN it. WHEN FULL SCREE...
webx coding
1

votes
1

answer
34

Views

video is not fetching completly,

I want to fetch video from mongodb than it should play that video up to video size, but its playing only some second, i gave maxUploadSize is 20mb and maxInMemorySize also 20mb,but on the jsp page, its fetching only 1mb video even video size more than 1mb. I am not getting what to do, video should p...
Laxmi Prajapati
1

votes
1

answer
39

Views

JavaScript play videos with same class control by play buttons with same class

I'm trying to make 3 play/pause buttons for 3 videos. Each play/pause button controls the closest video. (function () { var play = document.querySelectorAll('.video_play_button'), video = document.querySelectorAll('.timeline_video'); function videoPlay() { video.forEach(function (videoItem) {...
Shan Jiang
1

votes
1

answer
62

Views

Issues with using youtube auto generated transcript with Jwplayer

I am facing issues with using youtube auto generated transcript with Jwplayer. Here are links http://academy.social27.com/welcome.aspx --- This is for Jwplayer Youtube video link is https://www.youtube.com/watch?v=3GSGhlo5R-I Transcript vtt file link is: http://s27platformmedia.blob.core.windows.net...
Dalvir Saini
1

votes
0

answer
364

Views

IE 11 HTML5 video flashes a black screen between displaying the poster image and the playing of video

I'm having an issue with an auto-playing video in IE11, works fine everywhere else. The video is meant to be an animated background, autoplays on start and loops seamlessly. In all other browsers the poster image loads, and the video immediately begins playing after being loaded. The same thing ha...
Denzy
1

votes
0

answer
56

Views

How to make video controls not auto-hide in IE?

I'm using a tag to play an audio file so that browsers would not ignore the tag because I want to display closed captions for my audio using the oncuechange event. The problem is that in IE, the default video player auto-hides it's controls after a while and only appears when hovered on. This is a...
clatefraph
1

votes
1

answer
229

Views

Can i attach the image with control bar in videojs-overlay

I want to show the image in video-js-overlay only when screen size is maximum and hide it when user hit 'Esc' button.Currently i have the following screens: This is the modal screen i want to hide picture from here. This is the full screen and picture is perfectly place. I m following the https://gi...
waheed shah
1

votes
0

answer
134

Views

drag and drop conversion with FFMPEG in multiple formats

i'm looking for a script that can convert a video in 2 formats for my website : mp4 and Webm i also want it to create a jpeg of the first frame and make all at 640*360 I'm a begginer with ffmpeg so i don't really know where to start. this is what i have for the moment, but that doesn't work ffmpeg...
William Eguienta
1

votes
0

answer
17

Views

Do HTML tags work to display subtitles on the native iPhone player?

On my website, I have a web page with a Flowplayer video player. My video contains subtitles. These are formatted with HTML tags such as or . When I try to view my video on the iPhone with Safari, it is the native player of the iPhone that starts and the formatting is not taken into account. Does a...
Andréa Cauchoix
1

votes
0

answer
298

Views

Syncronizing Web Audio API and HTML5 video

I'm trying to synchronize an audio track being played via Web Audio API with a video being played in an HTML5 video element. Using a fibre optic synchronization device and audacity we can detect the drift between audio and video signals to a very high degree of accuracy. I've tried detection the dr...
Jeff Langston
1

votes
2

answer
341

Views

Keep audio and video in sync HTML5

I have HTML5 video and audio elements that I'm needing to keep in sync with each other. Eg. if the video buffers then the audio would pause until the video is ready again. Would appreciate someone pointing me in the right direction.
Benjamin Sweney
1

votes
0

answer
2.2k

Views

RTSP video stream to HTML5

I need to implement RTSP video stream to my angulajs app. Like all we know, RTSP not working easy with HTML, we need to use some plugin. I try with html5_rtsp_player and this is only working solution for me, but I cannot find a way how to make four stream views (div), and also because this is thir...
Arter
1

votes
1

answer
205

Views

How to select a part of the video in Angular 2 by using Video JS and download that clipped part?

I'm working on a simple Angular 2 project. Where I've to select a specific part of the video and then download that clipped part in different video formats. Any help in this regards are highly appreciable. Thanks.
MuhammadMujtaba
1

votes
0

answer
175

Views

Play HLS segments through Media source extensions

I got a list of m4s and init.mp4 from this FFMPEG command ffmpeg -i bunny.mp4 -f hls -hls_segment_type fmp4 -c:v copy playlist.m3u8 I send those chunks using Socketand try to play them through MSE. When i send them in this order: init.mp4 + playlist0.m4s + playlist1.m4s ... They play without any...
ler
1

votes
2

answer
53

Views

Play video on image mouseover causes trempling glitch

I am trying to play video while hovering over images at the same div in my website's img-gallery but obviously i am doing something wrong. The supposingly hidden image over which the video should play on mouseover starts trempling. I think its something obvious but i don't have enough experience to...
Nick Johnson
1

votes
0

answer
429

Views

Problems in playing Fairplay Encrypted content on Safari browser

We are trying to write player in Javascript which should play fairplay encrypted content on safari browser. We figured 'encrypted' event is not supported on Safari browser and we added event listener for 'WebKitNeedKey' event. We coded the flow as below. addEventListener('webkitneedkey, onWebKitNeed...
kadina
1

votes
1

answer
104

Views

Android Webview crash video tag in 4.4.2 ( Xtreamer)

I made webview app this is java code protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE); final WebView webview = (WebView) findViewById(R.id.WebView); webv...
AJu
1

votes
0

answer
209

Views

Getting a (in promise) DOMException: The play() request was interrupted by a new load request

what i want to do is to access the camera laptop of the client and show it to the client the video that is being taken and then whenever the client is ready he can click a button and take his photo. The part where I am getting stuck is - in showing the video in my React component. I get an error say...
faraz
1

votes
0

answer
348

Views

html5 video controls not working in ie11

All my html5 video controls are visible and even hover effects are there but nothing happens on click. Play/Pause fullscreen slider buttons none of them are working, however with tab I can control these buttons but not with click Your browser does not support HTML5 video. From my js I am doing this...
Pooja.webdev
1

votes
1

answer
28

Views

To end all videos with same class

I have following code to reset video: var clicked_video = $('.video').get(0); clicked_video.currentTime = clicked_video.seekable.end(0); But I have multiple videos so I tried var clicked_video = $('.video').get(); $(clicked_video).each(function( index, value ) { value.currentTime = value.seekable.en...
Bhumi Shah
1

votes
2

answer
152

Views

HTML5 Video iOS11 issue

I've used the code from EmailOnAcid for implementing HTML5 video into e-mails, and it works in all clients,except for the standard mail client in iOS11. https://www.emailonacid.com/blog/article/email-development/a_how_to_guide_to_embedding_html5_video_in_email The thumbnail of the video is shown, bu...
Nikolai907
1

votes
0

answer
355

Views

HTML5 video doesn't go fullscreen on iPad

I've set up a HTML5 video on my website here. It works perfectly on every (tested) device, except iPad. Namely, the fullscreen button doesn't work and the video doesn't go fullscreen. Any idea on the reason why? Should I use webkitbeginfullscreen? Or use ontouchstart insted of click? JS: window.on...
Marco
1

votes
0

answer
56

Views

Video parameters for best web scrolling performance [duplicate]

This question already has an answer here: how to change keyframe interval in ffmpeg 2 answers How to encode (ffmpeg x264) with continuous seek 1 answer FFMPEG: How to encode for seekable video at high key frame interval 1 answer There is web application which provides next workflow. User uploads...
biven
1

votes
0

answer
43

Views

Accessing <video> src from the domain I don't own

I get an error when Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.com (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). I'm trying to stream the video from a domain that I don't own.
Dilli
1

votes
1

answer
26

Views

Getting the height of video control

Is there any way we can get the height of the HTML5 video control panel? In different browsers, this control panel looks different.
Suhas Bhattu
1

votes
0

answer
439

Views

HTML5 Video Play/Pause control is not working in safari browser only

Pause/play control of HTML5 video does not working as expected in safari browser. It is working fine in other browsers. Please help me on this. After clicking the pause mode icon, video is still playing. When I click a mute icon, video is stopped/playing vice versa. Attached image for reference. Vid...
vinothkumar102
1

votes
0

answer
597

Views

Webm video simply not playing

Hi I have viewed the other questions about this and none of the problems seem related. I am trying to simply play a webm video inside an html video tag and it wont appear in any browser. I have played mp4 in chrome and ff with no issue, and mov in safari with no issue. Here is docs I have reference...
1pocketaces1
1

votes
0

answer
17

Views

Attempting to use either PHP(preferrably) or JavaScript for Videos

I am experiencing a project roadblock I am unable to resolve and I am seeking advice/guidance. I am controlling HTML content with PHP. My goal is to create some sort of list that the user may select an option, that has dynamically pulled the file names of the items in the folder, and display that...
Chris
1

votes
0

answer
22

Views

placing zoomed in videos in html

I have a very simple html page in which I want to place 4 videos one under the other. There are various ways to do this, using table, using div. And they are all fine with me. However I want to use 'transform' to scale the videos (that are simple iphone videos and they are too small for my purposes)...
claude
1

votes
0

answer
262

Views

How to get raw binary data from stream using WebRTC native c++ API?

Hi using the webrtc native c++ API I am able to establish an RTCPeerconnection from my browser to a locally running server. In the PeerConnectionObserver interface there is an OnAddStream callback that gets fired when I add a media stream from my browser to the peer connection. The server fires this...
Khalil Claybon
1

votes
1

answer
71

Views

Video tag not rendering before playing

I'm using video tag to display a video in my website. Everything works fine in desktop browser but in chrome mobile browser (android at least) video is not displayed inside the 'video container' if I don't push play button. There is a transparent 'window' with the play button over it and with the co...
ma.gr
1

votes
0

answer
362

Views

Autoplay Video in Chrome with Data-Saver enabled

I would like to autoplay a small video on chrome with data saver enabled. When the data saver is enabled chrome is blocking all html5 autoplay and play initiation via. script. Nevertheless there are some html5 players which still work. So it is possible and the question is how. For example https://w...
user2693017
1

votes
0

answer
120

Views

video controlls like pause or volume not working in react-html5video

I want to have a video player in my react tv project and I need to customize it, I used react-html5video and it`s working fine but the controls such as pause, fullscreen, video, seeking... none of them works and I get this error for example on pause click: 'Uncaught TypeError: Cannot read property '...
p.abbasian
1

votes
1

answer
16

Views

cover-video background does not work properly

I am trying to attach a video as a background to an article section. The issue is that in small screens it is displayed only in the 1/3 of the article. To implement that I used the article class, a background div as a wrapper and the video element id. Any ideas? // // //Css .myArticle { position: re...
kazabubu
1

votes
0

answer
26

Views

how to remember caption language with cookie?

I'm using php with mysql to set subtitles if they exist in the database. If they don't exist it will not show up in the player. I want to have some kind of cookie that remembers the language the visitor have selected and enable the caption by default for future video's. Right now i have 'default='tr...
Stoney Eagle
1

votes
0

answer
14

Views

Video does not Play again after navigation

I have code written in Ionic2. Whnen first i come to video page the video play, then i navigate to home page again navigate to video page video does not get play, and video element is present. Any help would be appreciated. Below is code: export class VideoPage implements OnInit { ngOnInit() { this....
pareshm
1

votes
1

answer
739

Views

Video file found/working in Chrome not Safari, regardless of HTML tag

On a WordPress site a video background is loading/playing in Chrome, not Safari. Upon further inspection the video file doesn't even seem to be loading/working in safari, eg: This link (https://fightthenewdrug.org/wp-content/themes/salient-child/video/About_Intro_Video.mp4) loads the video for me in...
Scotosaurus
1

votes
0

answer
433

Views

How to record video and Audio in angularJS mobile Website

I am developing a mobile website using Express and AngularJS. I want to show a modal to the user to record a video and then save it in a folder. I tried using RecordRTC, this is my code: video.partial.html Add Video app.js var app = angular.module('myApp', ['ngRoute', 'ngMaterial', 'ui.bootstrap'])...
Sumit
1

votes
0

answer
75

Views

HTML5 Video only loads after page is accessed through link in Chrome

I run a wordpress website where the front page displays a HTML5 video which loads and autoplays in a loop, here is the code: Everything was fine up to yesterday when we updated our theme. Since then, on Chrome, if the website is accessed directly through the address bar, the video never loads. Howev...
Eliott
1

votes
1

answer
261

Views

Screen capture using Javascript, including video tag

I have a webpage which has html elements and video tag. I want to capture a screenshot of the page using only javascript/jquery/third party plugins. I have tried HTML2Canvas, which works for html element. It does not capture video tag. I have tried canvas code for capturing video tag, using this cod...
Rahul Sagore

View additional questions