I want to add video which is of format (mp4) to my page using flash player (not html5). I have tried this using Flowplayer but I am not able to do this:
<html>
<head></head>
<body>
<div class="flowplayer is-splash"
data-engine="flash"
data-swf="../dist/flowplayer.swf">
<video src="http://d32wqyuo10o653.cloudfront.net/Extremists.m4v" preload="none"></video>
</div>
</body>
</html>
Can someone please explain this? I searched a lot experimented a lot but didn't get results.
Try this it's working from me!
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls>
<source src="http://d32wqyuo10o653.cloudfront.net/Extremists.m4v" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
</video>
</body>
</html>
If you want only use the flowplayer flash version, you can do something like this :
<html>
<head>
<script src="http://releases.flowplayer.org/js/flowplayer-3.2.13.min.js"></script>
</head>
<body>
<script>
flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf");
</script>
</body>
</html>
You can see this code working on codebeautify.org here.
Hope that can help.
Related
Hi I have tried to use the control attribute in 3 different IDE but it is not working in any of them. I am attaching a file showing my code. Please tell me my mistake.
<DOCTYPE! html>
<html>
<head>
<title> Started Again </title>
</head>
<body>
<h1>
This is again I started learning website so that I can benefit others through my knowledge!
</h1>
<video width = "700" height = "500" controls>
<source src = "F:\Steve Jobs Commencement.mp4" type = "video/mp4">
</video>
</body>
</html>
Your Code Is Fine Just You Need To Add Correct Path I Have Verified You Code By Applying Vedio Link Which Says That Code Is Fine
<DOCTYPE! html>
<html>
<head>
<title> Started Again </title>
</head>
<body>
<video width="700" height="500" controls>
<source src="https://media.istockphoto.com/videos/bluish-mb-concept-with-digital-code-video-id1219346556" type="video/mp4">
</video>
</body>
</html>
When I run this code in Chrome:
<html>
<head><title>form</title>
</head>
<body>
<video width="100" height="100" controls>
<source src="G:\Users\tanmay\Documents\Apowersoft\ApowerREC\20180923_112116.mp4" type=video\mp4>
</video>
</body>
</html>
the following display is seen:
As mentioned in the comments, your link format is wrong.
Add file:/// in front of your drive letter since not from web (eg: is not http://).
Browsers use the Unix style / for slashes, not the Microsoft/Windows \ style.
<html>
<head><title>form</title>
</head>
<body>
<video width="100" height="100" controls>
<source src="file:///G:/Users/tanmay/Documents/Apowersoft/ApowerREC/20180923_112116.mp4" type=video/mp4>
</video>
</body>
</html>
Try to use above code.Hope this will help you...
I have started creating a website using HTML, however I want a video to play when I open the page and I have embedded the video as shown:
<!DOCTYPE HTML>
<!-- GADGET SWAG WEBSITE -->
<html>
<head>
<h1> Video HERE </h1>
<!-- Material Design -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
</head>
<body>
<video width="1920" height="1080" autoplay>
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
This is an example video, however, it doesn't work on a local PC. I use Notepad++ to code in, but it doesn't seem to work?
Please help
thanks
yg.swagness
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
This code is the issue- it changes the way your page works and the video doesn't autoplay
I tried it, and it worked try using a different editor I just used this basic one https://htmledit.squarefree.com
Hey so I found this great post here about how transparent videos are done Can I have a video with transparent background using HTML5 video tag?. So I searched a bit more and found http://www.sciencelifeny.com/transparency/transparency.html# this post with kind of a "tutorial".
I tried to copy that page one to one but couldn't get the video to render in canvas. Then I tried to use "SeeThru" which also wasn't successful. So has anyone tried SeeThru or JakeArchibald.com's technique himself and could tell me what I am doing wrong?
<html>
<head>
<script type="text/javascript" src="seeThru.js"></script>
</head>
<body>
<video autoplay="" loop="" id="movingAlphaDemo">
<source src="kolor.mp4" type="video/mp4">
</video>
<canvas width="720" height="1080" class="seeThru-display"></canvas>
<canvas width="720" height="2160" class="seeThru-buffer" style="display: none;"></canvas>
</body></html>
The video plays just fine in every browser, and I use the standard 3-codec approach. On every other browser, the video "melts" into the white background intentionally, but in Safari, the video appears gray and ruins the effect - any ideas why?
Homepage: http://www.mybloodfirst.com
Simplified test page: http://new.mybloodfirst.com/videotest.html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Progress Monitor</title>
</head>
<body>
<div align=center>
<video preload="none" autoplay loop>
<source src="images/home-surgeon.webm" type='video/webm;' />
<source src="images/home-surgeon.ogv" type='video/ogg;' />
<source src="images/home-surgeon.mp4" type='video/mp4;' />
<img src="images/home-surgeon.jpg">
</video>
</div>
</body>
</html>
I have not tested, but perhaps the issue has to do with the ordering of your <source> tags. Try putting the mp4 one first. I am unfamiliar with the exact specifics of WebM and OGG support in Safari, but I would guess it isn't nearly as good as MP4.