时间戳

首页 > 解决方案 > HTML5 视频海报图像横向显示

javascript - HTML5 视频海报图像横向显示

问题描述

有人见过这个吗？

当我使用以下代码将 poster 属性设置为 fileURL 时，图像有时会横向或上下颠倒。

var showLocalThumbnailVideoInPlayer = function(file) {
    var URL = window.URL || window.webkitURL;
    var fileURL = URL.createObjectURL(file);
    var videoNode = document.querySelector('video');
    videoNode.poster = fileURL;
    videoNode.load();
};

该文件来自用户从本地文件系统中选择文件的 HTML 输入标记。

我试图让它在 iOS、Android 和桌面上都能正常工作，它们之间的变化很小（因此是 HTML5）。

对正在发生的事情的想法？

标签： javascripthtml5-video

解决方案

我弄清楚发生了什么。

根据 HTML 规范，EXIF 数据被忽略，因此图像需要首先在内存中旋转。

推荐阅读