compujohnny
Joined: Feb 2, 2018
Posts: 21
|
 Posted: Feb 2, 2018 2:02 PM Post subject: HTML Player issue |
|
I am trying to use the HTML Player element in a design however I can't play a video using the HTML5 video element
I am using very simple test code and it works on IE 11 on Windows 10 and also Chrome, yet the HTML player shows the player and the video is not loaded and not played
<html>
<head>
<title>HTML5 Player</title>
</head>
<body>
<video id="v" controls autoplay loop>
<source src="sample.mp4" type=video/mp4>
</video>
</body>
</html>
The video file is in the same directory as the html file and I have the html file path in the HTML player element, is Bioera expecting the file to be in a different path? the player is loading so it supports video element but the file is not so maybe I need to place the video in a special folder instead?
Can you help me in getting this element to work with the html5 video tag? I am building a HTML5 canvas that captures the video frames and applies different effects that change with signals from Bioera, I am currently using the Trial version but will buy the pro once I get the design to work |
|
compujohnny
Joined: Feb 2, 2018
Posts: 21
|
| Posted: Feb 2, 2018 5:42 PM Post subject: |
|
I also tried it with the Phaser.io example and the video also didn't work although it works standalone in IE 11 and Chrome, here is the code I used
<html>
<head>
<title>HTML5 Player</title>
<script type="text/javascript" src="js\phaser.min.js"></script>
<script>
var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create});
function preload() {
game.add.text(100, 100, "Loading videos ...", {font: "65px Arial", fill: "#ff0044"});
game.load.video('sample', 'sample.mp4');
}
var video;
function create() {
video = game.add.video('sample');
video.play(true);
// x, y, anchor x, anchor y, scale x, scale y
video.addToWorld();
}
</script>
</head>
<body>
</body>
</html> |
|
Main site
Forum
Email contact
Register
Log in
