Hi .thanks.What is the vidplaygh.html file?
Why don't you have a look at it? Download it from the Media folder and open in Notepad or similar.
Also a couple of additional things you can do:
- Try adding this line just below the
<html>tag at the top:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
This should prevent zooming.
- I have updated the webviewextra extension which, by default, will allow sound to be played using autoplay for html5video. No need for "muted" in the html for playback to start with sound.
Hello, I downloaded it and opened it and saw the following address in it.
https://www.bigbuckbunny.org
MyVideo URL address is in Google drive and it is not fixed and changes.
Then remove the credit
(everything in between and including the <p>...</p>)
If the URL of the movie is not fixed
What should be written in this place(https://www.bigbuckbunny.org/)?
See attached:
noControlsVideo_rev1.aia (28.5 KB)
I have updated the html file and the aia project.
In the html file, I added the meta tag to prvent a user zooming the web page, and removed "muted" from the video parameters to allow for sound
In the aia, the filename and google drive file ID are set in the two variables at the top. You can set these to your own files. I have added the webviewextra extension for sound on autoplay.
Hello, thank you, that's great. I want this movie and an image to be placed side by side on a horizontal layer, and when I click the full screen button, the image will disappear and the movie will cover the entire width of the screen .very thanks
noControlsVideo_rev1 (1).aia (77.7 KB)
How do you propose to get out of fullscreen ? Backpress key ?
When the movie ended and when we pressed the full screen button again.
but if the video is at fullscreen, how will a user press this button ?
Do you just mean the full width of the screen, when in portrait mode ? if so try this:
noControlsVideo_rev2.aia (77.9 KB)
Hello, thanks. The video won't enlarge.
I have created the application with a video player, but it has two problems: 1- The list view is not aligned to the right. 2- When we click on the video, the control bar and control buttons appear
The video must cover the entire width of the screen and the length and width of the video must be equal. It will be a larger view, not full screen
Did you try the one I provided ? Did that work as expected before you added other components?
You will see the method for transitioning to "full screen" and back, you will need to expand on this if you add other components.
Hello again and thanks. When I used the companion it didn't work properly but when I got the apk output and run it ,it worked. Another question 
: How can I make the video automatically convert to a small view when it reaches the end, thank you 
.
You would need some more javascript in your html file, and a few more blocks in your code:
<script type='text/javascript'>
document.getElementById('video1').addEventListener('ended',myHandler,false);
function myHandler(e) {
window.AppInventor.setWebViewString("ended");
}
</script>
Try like this:
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<body>
<video id="video1" width="100%" height="100%" autoplay>
<source src="" type="video/webm">
</video>
<script>
var myVideo = document.getElementById("video1");
var wvs = window.AppInventor.getWebViewString().split(',');
document.getElementById("video1").src = wvs[0];
document.getElementById('video1').addEventListener('ended',myHandler,false);
function myHandler(e) {
window.AppInventor.setWebViewString("ended");
}
window.setInterval(function(){
if (window.AppInventor) {
var wvs = window.AppInventor.getWebViewString().split(',');
if (wvs[1] == "PLAYPAUSE") {
playPause();
window.AppInventor.setWebViewString("");
}
}
}, 250);
function playPause() {
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
</script>
</body>
</html>
Did you delete the previous vidplayGD2.html from your device again so that the new file is copied over ?
1 Like