I'm trying to get my mp4 video file to show up on my iPhone 6s Safari browser. The video files seems to show up on my Mac laptop and Windows computer browsers like Chrome/Explorer/Firefox but when I upload to the server the video doesn't seem to show up even after I clear the cache on Safari on my phone. This is the HTML I'm using:
<video videoWidth videoHeight loop>
<source src="video/demoYVR.mp4" type="video/mp4">
</video>
Any suggestions an insight would be appreciated - Thanks :)
B
If you can download the video download it then play it on your media player in your phone.
If you can't download it try downloading Google or Firefox on the App Store.
Related
I try to play videos in my angular app and it plays in chrome browser on any device, but it is not working in safari browser in iPhone 6s with software version 12.3. Strangely it is working on iPhone 7 with software version 14.4.
To find the problem I tried to play videos from other websites on my iPhone 6s device and they played without any problem.
now I don't know where the problem is?
I tried many suggested solutions but it still doesn't work...
it is my html code in angular app:
<video
controls
[src]="mediaDetail?.video"
[poster]="mediaDetail?.cover"
class="single_video"
autoplay loop muted playsinline
controlsList="nodownload">
</video>
and it is video result on safari:
these are response headers in video request that not working in my angular app but in another website with the same headers, videos working
Please suggest any problems that may exist.
I changed the "https" to "http" and I dont know what exactly happened but videos plays over the http protocol
so:
over the https protocol: videos plays on iPhone 7 but not plays on my iPhone 6s device
over the http protocol: videos only plays on my iPhone 7 device
its maybe Safari dont support play video on old device over the https protocol
I have an html audio tag and it works just fine on desktop browsers. However, when I try to play it browsing on an iPhone (tried chrome, firefox, and safari), it just shows the pause button and nothing happens:
<audio class="mt-3" controls preload="auto" crossorigin="anonymous">
<source src="/media/example.ogg" type="audio/ogg">
</audio>
Any help would be greatly appreciated
.ogg files won't play natively on iOS as there is no built-in support. It will instead ask you to download the file (if you have storage to place it in).
Also see: Playing an ogg stream in iOS
I am trying to implement a background video as a landing page for a website however everything is working on all browsers except for Safari on Mobile devices.
website: http://www.ayushlal.com.au/VOS_Films
I am running iOS 13.6 (latest iOS version, not too sure what Safari version that is on my device)
Here is the HTML code:
<video loop muted controls playsinline autoplay preload="auto" src="assets/video/VOS_welcome.mp4">
<source src="assets/video/VOS_welcome.mp4" type="video/mp4"></source>
</video>
The .mp4 file is roughly 60MB and has not been compressed as of yet.
Thanks in advance
i had the same issue some time ago. Have you tried to set controls='true'? It worked for me. By default without setting a value, the controls are false.
issue was to do with Low Power mode. Once disabled, video started playing perfectly fine.
I am trying to upload .mov files that have been recorded using an iPad but I want to upload them using Chrome on the PC.
The video uploads just fine however on playback all I get is a white screen ( Audio + Play controls also load up fine ).
Alternatively when the video file is uploaded using an iPad and loaded on the PC (chrome again) , the video plays back as intended.
Im using a HTML5 video tag.
<video width="320" height="240" controls>
<source src="files/nameremoved.mov" type="video/mp4">
Your browser does not support the video tag.
</video>
My assumption is that iPad uploads compress the video into something that chrome can playback.
To fix this do I need to convert the .mov uploads that are uploaded using a PC to a chrome friendly format?
You are right, what you would want to do is to upload them as mp4.
There's not supposed native .MOV support on chrome but you can try to add some extension.
Besides you are requesting chrome to play a type="video/mp4" and you are giving it a .mov
<source src="files/nameremoved.mp4" type="video/mp4">
I am trying to play video on chrome using video tag (html5) this video is uploaded on wowza media server and its run on only mac in safari, it does'nt play on windows and even on chrome on mac, what can i do for playing video on chrome on windows , my code is
<video controls="controls" width="480" height="320">
<source src="http://184.72.239.149/vod/mp4:GettingStarted.mov/playlist.m3u8" />
</video>
i dont want to use flash to play video.
You'll have to use a different format for other browsers that don't support HLS. I have not seen this work with Wowza and browsers' video tag, but there is an example using JwPlayer - http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/single_mp4.html. Note that this does fall back to flash for Firefox and Opera.