Copy link to clipboard
Copied
Weird, a video uploads, previews alone just fine in server's (iPage) file manager, but NOT on it's designated web page. The frame is there, the controls, but no video or audio (no poster either).... What have I done? www.ginazollman.com/pages-GinaZ/biography.html
Copy link to clipboard
Copied
Poster image is present. Are you sure that you have the correct link to the video because when I try and access it directly I get a '404 Page Not Found Error' - have you actually uploaded the mp4 file?
Copy link to clipboard
Copied
When I click on the MP4 video file, I'm getting 404 Not Found on Server. Did you upload the video? Did you put it in your server's root directory?
<video width="982" height="720" title="Gina At Vitello's" poster="/images-GinaZ/AtVitellos_600px.jpg" controls="controls" >
<source src="/video-audio-GinaZ/SpecialGlimpsesofHerEveningatVitello's11_28_09-[onlinevideoconverter.com].mp4" type="video/mp4" />
<source src="https://youtu.be/LnGg3Ca6W_M" />
</video>
Also, remove the 2nd source on YouTube. It won't play anyway because YouTube requires the <embed> script containing an <iframe> like this example:
<iframe width="560" height="315" src="https://www.youtube.com/embed/hUNdNgoT34A" frameborder="0" allowfullscreen></iframe
Hope that helps.
Copy link to clipboard
Copied
Thanks so much for your kind advice and sage perspective on this.... Couple things, I don't want viewers to leave the site to watch YouTube videos. Embedding much preferred, duh. So I did different source converter thing. The conversion worked fine, the poster shows fine on the website, but a static image, controls yes, no actual video or audio..... Could there be something in the initial DOCTYPE?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>biography Gina Zollman</title>
<style type="text/css">
<!--
In the interim, I did a WC3 scan, dd some code deletes and probably wosened things rather than helped.
http://www.ginazollman.com/pages-GinaZ/biography.html
2) should video files on the server... be located in the root (like keeping index.html company? Alone, not in a like my audio-visual folder?
thank you
Copy link to clipboard
Copied
The mp4 file is not in the location which the link points to:
https://www.ginazollman.com/video-audio-GinaZ/specialglimpses_926x680.mp4
It just returns an error page. If it was then you would see the video playing.
Have you tried a different video as a test because it could be that your convertion is in the wrong codec.
Copy link to clipboard
Copied
Thanks again, osgood.... that test vid file did NOT render properly.. either... So I did yet another conversion this time using Adobe Media Encoder.... see that makes any differnce. but YES, I fully suspect the server (iPage) is the culprit... UGH.
Copy link to clipboard
Copied
Find out if iPage supports video & audio MIME type. If they don't, you'll need to post media on a video sharing site like YouTube or Vimeo.
Copy link to clipboard
Copied
Something else to watch for, given the use of CamelCase in your file names...
Make sure your file names exactly match the links, right down to the case structure. Most servers are CasE SeNsiTiVe and will view a file called MyGreatVideo.mp4 as totally separate from MyGreatvideo.mp4.
Your local system is NOT case sensitive, and will treat MyGreatVideo.mp4 and MyGreatvideo.mp4 as the same file, allowing it to preview as expected.
Use all lowercase alpha-numeric file names. Avoid any special characters, and use underscores or hyphens instead of spaces.
Copy link to clipboard
Copied
Copy link to clipboard
Copied
NO...something is not right with your server.
Its acting weird. If you go to the link below it throws a 404 error page:
https://www.ginazollman.com/video-audio_GenaZ/specialglimpses_926x680.mp4
If you go to:
https://www.ginazollman.com/specialglimpses_926x680.mp4
It takes you back to the original link BUT instead of playing the video it downloads it, which is not correct. You're server seems to be misconfigured and downloads mp4 files instead of playing them - I would contact your host.
As a test throw the below <video> into your page. If it doesnt work then your server is incorrectly set up. If it does the problem lies elsewhere with your own mp4.
<video width="320" height="240" controls>
<source src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4">
</video>
Copy link to clipboard
Copied
Latest: same issue, the test controls showed but no visuals or sound.... I'm doubting the valibity of iPage from the get-go now. It used to be fine, but now I can't preview in browser vai Dreamweaver 21.3. Have to upload files on iPage's file manager system... it's no fun. Certainly stifling creativity. Far form efficient. I'll give their foreign ears my English mouthful.
Copy link to clipboard
Copied
Latest: same issue, the test controls showed but no visuals or sound.... I'm doubting the valibity of iPage from the get-go now. It used to be fine, but now I can't preview in browser vai Dreamweaver 21.3. Have to upload files on iPage's file manager system... it's no fun. Certainly stifling creativity. Far form efficient. I'll give their foreign ears my English mouthful.
By @stevep34633534
Yes, I would contact them and explain their server is not set up correctly to play mp4 files or move to another hosting provider. Definately a server issue.
Copy link to clipboard
Copied
Just now, iPage 'help' said their design team would be happy to redo everything... uh.... no! I don't trust them at all anymore. I'm flummoxed.
Copy link to clipboard
Copied
[Moderator branched & merged with original video topic.]
HUGE issues with iPage and Dreamweaver, it used to be much cleaner... now I can't preview in browser. have to upload files via their file management system.... and video files are just a big mess.... I've got a big project in flux and iPage is NOT producing crucial videos with sound.... Their 'help' said their design team would be glad to take over.... uh.... big Hard PASS.
Copy link to clipboard
Copied
[Moderator branched & merged with original video topic.]
HUGE issues with iPage and Dreamweaver, it used to be much cleaner... now I can't preview in browser. have to upload files via their file management system....
==========
Suggest you scout around for reputable hosting elsewhere.
Dreamhost, Bluehost, HostGator, InMotion... there are hundreds of reputable and affordable hosting plan providers you can use instead of iPage. See below for comparisons.
https://www.pcmag.com/picks/the-best-web-hosting-services
Copy link to clipboard
Copied
This would be a practical solution:
Although I have used a different IDE, the principle in the following video is the same for Dreamweaver - save to Github.
Copy link to clipboard
Copied
Just now, iPage 'help' said their design team would be happy to redo everything... uh.... no! I don't trust them at all anymore. I'm flummoxed.
By @stevep34633534
I'd tell them to just correct their mangled server settings. Anyway thanks for the heads up, never heard of them before but now I'm aware of potential issues, sounds like not awfully good advice or help. Sometimes you just cant win and have to move to better providers, the ones that actually want your business rather than those trying hard to push you away.
Usually you get what you pay for though, cheap and cheerful (if indeed they are) can be a demotivator for the company to really want to step in and resolve any issues.
The key is to always have more than one hosting provider so you can test your code on optional server environments. If it works on one server and not the other, its a clear indication that something is set up incorrectly on the server which is not responding as you would assume.