New post
0

Fullscreen HTML5 video playback quality, Adobe Edge programming

Avatar
Lou Swing
None
Follow

OK, first run at this here and seeing an issue with the video quality. The situation is a bit more complicated because I'm authoring in Adobe Edge for this type of project, and it does it's own coding, as opposed to me putting a <video> tag directly onto my .html page. Edge imports the video.mp4 then does it's own script to place it on screen and run it. Everything plays, it's just a touch pixelated.

I read that normally you can add the hwz attribute to the video tag, which gives it more resources to run as video instead of a graphic animation? <video src="example_movie.mp4" hwz="on">

My issue would be that I don't have the video tag available to plug the hwz attribute into. Just wanted to put this out there to see if anyone else was working with the same thing. I'll try and find a solution and keep you posted. Thanks!

Date Votes

3 comments

  • 0
    Avatar
    Shaun
    I use edge for quite a few interactives. In BrightAuthor double click your HTML 5 state and select enable native video...or something like that check box and you should be good to go. The positioning of your video zindex wise relative to other content can change using this option so test first.
  • 0
    Avatar
    Lou Swing

    Thanks, that did the trick, the video is playing great now, good to see. Playing back full screen compressed 1080p video nice and smooth!

  • 0
    Avatar
    Lou Swing

    Update; the video played smooth, but the transitions into and out of the video were rough. Basically a dissolve into the video from black, and out, were not good. The dissolves were done in Adobe Edge and worked just fine testing in Chrome. Oddly enough, the dissolve in was basically not working, while the dissolve out would be ok. It just seems to take the player a while to load the code to then achieve a decent result.

     

    I have resorted to just loading .mp4 videos using BrightAuthor, and not being able to load videos using html5.

Please sign in to leave a comment.