Video sphere does not work. It's showing white screen. Video does not play.
<!DOCTYPE html>
<html>
<head>
<title>Hello, WebVR! - A-Frame</title>
<meta name="description" content="Hello, WebVR! - A-Frame">
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<video id="video" src="https://cdn.glitch.com/eb8b5b90-b564-46cc-a9bd-abd27ce76783%2Fvideo.mp4?1524149938496" autoplay="true"
loop="true" crossorigin="anonymous" playsinline webkit-playsinline></video>
</a-assets>
<a-videosphere id="video-screen" src="#video"></a-videosphere>
</a-scene>
</body>
</html>
It showing this error: Error: WebGL warning: drawArrays: Active texture 0 for target 0x0de1 is 'incomplete', and will be rendered as RGBA(0,0,0,1), as per the GLES 2.0.24 $3.8.2: The dimensions of level_base are not all positive.
There was a bug in aframe v0.8.0: https://github.com/aframevr/aframe/issues/3444
The fix was done in v0.8.2: https://github.com/aframevr/aframe/commit/5ead860379ebe61d2ef1f2acbe2eed5537ccc682
So if you change your script src to "https://aframe.io/releases/0.8.2/aframe.min.js", it shall work.
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>
I have this html in my web browser control:
<html>
<body>
<video width="450" height="400" controls autoplay="autoplay">
<source src="file:///C:\Rythm\*name*.mp4" type="video/mp4">
Votre navigateur ne prend pas en charge ce format vidéo.
</video>
</body>
</html>
Of course, *name* is replaced with the video's actual name.
The code works in chrome and IE, but not in the web browser control.
How can I fix this?
Another solution for adding a video stored on the user's hard drive to a vb.net form would alternatively also be appreciated.
The issue might be caused by that WebBrowser in VB.NET doesn't use IE 11 by default. I try to add this line in html <head>, then it can work with WebBrowser in VB.NET:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Sample HTML code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title></title>
</head>
<body>
<video width="450" height="400" controls autoplay="autoplay">
<source src="file:///C:\Rythm\*name*.mp4" type="video/mp4">
Votre navigateur ne prend pas en charge ce format vidéo.
</video>
</body>
</html>
Result in VB.NET Form:
I want to run the RTSP live video stream on my web page.The following code works good with the rtsp//url as shown in the code but when I replace that URL with my cam IP ,its not working.The cam IP link is playing in VLC player but not in my HTML PAGE.
How can I display an RTSP video stream in a web page?
is some what related to what i'm trying to ask but it doen't help me to find solution.
Is there any solution for this.
Thanks in advance.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Streamedian player example</title>
<style>
#test_video {
width: 720px;
}
</style>
</head>
<body>
<video id="test_video" controls autoplay>
<source src="rtsp://184.72.239.149/vod/mp4:BigBuckBunny_115k.mov"
type="application/x-rtsp">
<!-- <source src="rtsp://admin:abc#myIPAddress/"
type="application/x-rtsp">-->
</video>
<script src="https://cdn.bootcss.com/babel-polyfill/7.0.0-beta.2/polyfill.min.js"></script>
<script src="streamedian.min.js"></script>
<script>
var p = Streamedian.player('test_video', {socket: "wss://specforge.com/ws/"})
</script>
</body>
</html>
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
I'm trying to use Video.js 4.11 and after debugging I still couldn't make the video play in IE8 emulation. Strangely, video.js 4.12 version would cause a crash on IE8 emulation and it seems like there is a JSON problem involve the "data-set" tag?
Also, I noticed that even though I designed my own skin for video js, the "border-radius" is been override back to the default value while other things are working good. (my big play button should be a circle but in IE8 emulation, it became a square.)
Just to prove that it's not my video files' problem, I wrote a version based on the Video.js's example and using a lot of their codes but just changed slightly so the appearance would meet my needs.
Everything that I'm referencing locally, I have checked the path and they should be working fine.
Any suggestions and help would be highly appreciate.
Update:
I solved the problem by adding this line of code:
<script src="http://api.html5media.info/1.1.6/html5media.min.js"></script>
Just in case someone had the same problem that their flash fallback is not working on IE8.
Here's my final code for reference:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>Video.js demo</title>
<link type="text/css" href="http://vjs.zencdn.net/4.11/video-js.css" rel="stylesheet">
<script type="text/javascript" src="http://vjs.zencdn.net/4.11/video.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://api.html5media.info/1.1.6/html5media.min.js"></script>
<style type="text/css">
.vjs-default-skin {color: #F5F2F2;}
.vjs-default-skin .vjs-big-play-button{left:45%;top:40%;border-radius:100%;border-width:0.1em;width:1.8em;height:1.8em;}
</style>
</head>
<body>
<div style="width:700px;margin:0 auto;">
<video id="example" class="video-js vjs-default-skin"
controls preload="auto" width="640" height="264"
poster="http://video-js.zencoder.com/oceans-clip.png"
data-setup='{}'>
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
<!-- Flash Fallback. -->
<object type="application/x-shockwave-flash" data="flowplayer-6.0.1/flowplayer.swf" width="854" height="504">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="movie" value="flowplayer-6.0.1/MirandaS1E01.flv">
<!--[if IE8]><param name="movie" value="flowplayer.swf"><![endif]-->
</object>
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that
supports HTML5 video
</p>
</video>
</div>
</body>
</html>