Is it possible to play video in html5 from presigned amazon url?
For example, here I have a presigned amazon url:
https://s3.us-east-1.amazonaws.com/zed-content/Activity%20Contents/test%20act%20Content/testVid47.MOV?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJ7V4MJWO3GNAM6WA%2F20180829%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20180829T082051Z&X-Amz-Expires=604800&X-Amz-Signature=7ec66a41cc4c536ccc4abd42e5fea3621438563b114f72dd26f71c14eb4c4edd&X-Amz-SignedHeaders=host
When I click it a video starts to download. But when I try to do this:
<video class="videoElement" data-aura-rendered-by="116:582;a">
<source src="https://s3.us-east-1.amazonaws.com/zed- content/Activity%20Contents/test%20act%20Content/testVid47.MOV?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJ7V4MJWO3GNAM6WA%2F20180829%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20180829T082051Z&X-Amz-Expires=604800&X-Amz-Signature=7ec66a41cc4c536ccc4abd42e5fea3621438563b114f72dd26f71c14eb4c4edd&X-Amz-SignedHeaders=host"
type="video/mp4"
id="videoSrc">
Your browser does not support the video tag.
</video>
I am getting just a blank space:
What am I doing wrong here? Why does not my video playing?
Related
I am trying to get a live stream from an online radio link. When I run the URL in the browser, I get it playing but if I insert in a HTML audio player then it changes the URL from HTTP to HTTPS and does not play it.
here is an example:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<audio controls>
<source src="http://80sbeats.cyberbeats.net:8000/stream?icy=http" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Any idea why it does not play it?
I want to play a video with html5 video tag from a network server.
I'm also make the test with an image, but I got, with Google Chrome, the error "Not allowed to load local resource".
I've already searched and this happens by security reasons of the new web browses.
For the video I'm using the basic html. If I play the video from my computer, like, it work well (obviously)
<video width="320" height="240" controls>
<source src="videos/movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
But when I change the source to: 'file:///fileof1/FILESRV/videos/movie.mp4', nothing happens.
Anyone with a solution?
There is a video file in my website. This video is not played via the Firefox browser in my website, This is the Video Player url and it is the code
<video width="800" height="450" controls>
<source src="162_6383266.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
, But when I click on it in the CPanel It is played. I mean this
and it is the result
Why the video is not played via that code, but it is played via the CPanel? I also seen some videos that are not playing in Chrome as well. But the above example is playing in Chrome
First I made a screen recording as a video I would like to display.
Than I uploaded the video to VLC to convert the video.
I made one MP4 and a fallback for OGG.
I then moved the videos to my dropbox account so I can host them there.I right clicked and got the link to each video from dropbox. I am trying to use the links as the src in the video tags.
<video width="400" controls>
<source src="https://www.dropbox.com/s/m7emkfs994sgm5g/Untitled.m4v?dl=0" type="video/mp4">
<source src="https://www.dropbox.com/s/9owwdbm8p0nz1f0/oggguntitled.ogg?dl=0" type="video/ogg">
</video>
Even though I told VLC to convert it to MPV, the file extension is m4v.. Is that the same thing?
The video just shows blank. Not getting any errors either.Not sure what I missed.
The following Fixed it for me.
I made two changes:
change dl=0 at the end of your dropbox link to dl=1. I believe this makes it a download link instead of a page to view a download link.
Due to a bug in chrome on OSX certain mp4 files will fail to play correctly (some kind of graphics acceleration issue), but it won't fall back to the ogv. For this reason, i have placed the ogv as first since it will work on OSX-chrome, and platforms that don't support it should fall back to the mp4.
<video width="400" controls>
<source src="https://www.dropbox.com/s/9owwdbm8p0nz1f0/oggguntitled.ogg?dl=1" type="video/ogg">
<source src="https://www.dropbox.com/s/m7emkfs994sgm5g/Untitled.m4v?dl=1" type="video/mp4">
</video>
I want to play 4 to 5 video from my dropbox account in to my website.
This is my code:
<video controls="controls" height="480" width="640">
<source src="https://www.dropbox.com/s/393c52vimvnvr7n/devinejamz-partnership.mp4?dl=1" type="video/mp4">
</video>
2 Videos are successfully playing with this code but 3 videos show below error.
My Video stops playing after sometimes.I dont know why and shows error as below:
No Video with supported format and mime type found.
Can anybody tell me whats the problem??
Copy the drop box video link, then replace www.dropbox.com with dl.dropboxusercontent.com
Thus the URL: https://www.dropbox.com/s/dgbdbgdgb/file.mp4?dl=0
will become: https://dl.dropboxusercontent.com/s/dgbdbgdgb/file.mp4?dl=0
Then embed the updated URL to your video player tag.
Source: Visit: link