Unable to play video nor display the poster of a video
I am trying to get the following website to play a video for a website. I have pasted the link below. It works in other web browsers but not in firefox and I cannot figure out why. Also the poster will not show either. The links are good. I checked them using firefox; however when I use the video tag it does not work and I am not sure how to fix this. Please help me. I plan on using a lot of video backgrounds in the future for web development and would like to know how make them work using firefox.
Website: https://codepen.io/Deesul/pen/LOqvyw/
The following code is what I use in the HTML that is having the issue to display.
所有回覆 (4)
Deesul said
I am trying to get the following website to play a video
Please provide public link(s) (no password) that we can check out. No Personal Information Please !
Note: The code you posted can not be seen unless
you press the Quote button.
Hi @Deesul. I am not certain, but I think you might have intended to paste the HTML for the page showing the video in your post, or as an attachment, but I assume that it is the content of left HTML frame on your site.
I copied the code into Notepad++ and saved it as "testvid.html" then opened it into my Firefox 57.0.1 and also Chrome Version 62.0.3202.94 and they both appear to display the same content with "The sky is the limit" moving cloud display at the top.
I presume that the poster is the name alongside the "Toggle Navigation" button at the top left, or have I misunderstood?
I can also copy the link to the mp4 within the HTML directly into the address bar and it plays correctly for me too:
https://res.cloudinary.com/deesul/vid.../Up_tle5de.mp4
This artical might help you:
Fix video and audio problems on Firefox for Windows N editions
If you still have problems, could you please be more specific about it not playing? What effect or error messages do you receive?
video poster="https://res.cloudinary.com/deesul/image/upload/v1482128248/Up_ci3qna.jpg" autoplay="true" loop preload="auto"
source src="https://res.cloudinary.com/deesul/video/upload/v1482630062/Up_1_ofz5ri.ogv" type="video/ogg" source src="https://res.cloudinary.com/deesul/video/upload/v1482126175/Up_srxisl.webm" type="video/webm" source src="https://res.cloudinary.com/deesul/video/upload/v1482126174/Up_tle5de.mp4" type="video/mp4"
this is my code with the greater than and less than symbols removed. I can play the source in a firefox browser yet when i use it in the video tags it won't work.
Hi @Deesul. Sorry not to have replied sooner, unfortunately, I have been tied up with some personal issues and will actually be a away for a week from tonight, so it is better someone else assist you further.
I did find your last post a bit confusing,. As I said previously, I did get the who page working using the HTML from the left pane displayed from your initial URL.
I have shared my file (for 10 days) on HubiC at this URL:
If you go to the page and wait for it to load, then you can double-click the testvid.html and either download it or open it in your Firefox.
Sorry that I can't help you more myself. Best Regards.. Richard.