Video Textures problems

var VIDEO_DELAY_TIME = 1000/30;

function load_cb(data_id, success) {
    if (!success) {
        console.log("b4w load failure");
        return;
    }
    var videoName = "tvVideo"
    var ob = m_scs.get_object_by_name("tv");
    var ctx_video = m_tex.get_canvas_ctx(ob, "canvasTv");
    var autoplay = true;
    var loop = true;
    setVideo(ob, ctx_video, videoName, autoplay, loop);
}

function draw_video_iter(ob, video, context) {
    var canvas = context.canvas;
    var scale = canvas.width / video.videoWidth;
    var scale_height = Math.round( scale * video.videoHeight );
    var shift_position = Math.round((canvas.height - scale_height) / 2);
    context.drawImage(video, 0, 0, video.videoWidth, video.videoHeight,
            0, shift_position, canvas.width, scale_height);
    m_tex.update_canvas_ctx(ob, "canvasTv");
    setTimeout(function() { draw_video_iter(ob, video, context) }, VIDEO_DELAY_TIME);
}
function setVideo(ob, ctx_video, videoName, autoplay, loop) {
    if (ctx_video) {
        var format = m_sfx.detect_video_container("");
        if (format) {
            var video_file = document.createElement('video');
            video_file.autoplay = autoplay;
            video_file.loop = loop;
            video_file.addEventListener("loadeddata", function() {
                draw_video_iter(ob, video_file, ctx_video);
            }, false);

            if (format == "m4v")
                video_file.src= APP_ASSETS_PATH + "/videos/" + videoName + "." + "altconv." + format;
            else
                video_file.src= APP_ASSETS_PATH + "/videos/" + videoName + "." + format;
       } else
            console.log("Can not load the video.");
    }
}

import sys
from PIL import Image

imagesNames = []
for i in range(0, 53):
    padding = str("%03d" % (i))
    filename = "tvVideo_" + padding + ".jpg"
    //# print(filename)
    imagesNames.append(filename)

//# print(images)
//# images = map(Image.open, ['Test_001.jpg', 'Test_002.jpg', 'Test_003.jpg'])

images = map(Image.open, imagesNames)
widths, heights = zip(*(i.size for i in images))

total_width = sum(widths)
max_height = max(heights)

new_im = Image.new('RGB', (total_width, max_height))

x_offset = 0
for im in images:
    new_im.paste(im, (x_offset,0))
    x_offset += im.size[0]

new_im.save('tvVideo.jpg')

var GIF_FRAMES_NUMBER = 53;
var GIF_DELAY_TIME = 100;

function load_cb(data_id, success) {
    if (!success) {
        console.log("b4w load failure");
        return;
    }
    var ob = m_scs.get_object_by_name("tv");
    var ctx_picture = m_tex.get_canvas_ctx(ob, "canvasTv");
    setGif(ob, ctx_picture);
}

function draw_picture_iter(ob, image, context, width, height, current_frame) {
    current_frame = current_frame % GIF_FRAMES_NUMBER;
    context.drawImage(image, width * current_frame, 0, width, height, 0, 0,
            context.canvas.width, context.canvas.height);
    m_tex.update_canvas_ctx(ob, "canvasTv");
    setTimeout(function() { draw_picture_iter(ob, image, context, width, height,
            current_frame + 1) }, GIF_DELAY_TIME);
}
function setGif(ob, ctx_picture){
    if (ctx_picture) {
        var image = new Image();
        image.src = APP_ASSETS_PATH + "/videos/seq/tvVideo.jpg"
        image.onload = function() {
            var width = Math.round(image.width / GIF_FRAMES_NUMBER);
            var height = image.height;
            draw_picture_iter(ob, image, ctx_picture, width, height, 0);
        }
    }
}