Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 嵌入许多视频和平移/缩放页面的最佳方式是什么?_Javascript_Html_Html5 Canvas_Html5 Video - Fatal编程技术网

Javascript 嵌入许多视频和平移/缩放页面的最佳方式是什么?

Javascript 嵌入许多视频和平移/缩放页面的最佳方式是什么?,javascript,html,html5-canvas,html5-video,Javascript,Html,Html5 Canvas,Html5 Video,我试图在html5画布上放上几段视频(mp4),然后用JS实现平移和缩放,作为它们的导航。问题是它很快就会变得沉重。所以我决定使用简单的视频截图,实际上嵌入img标签而不是视频,然后平移。您是否遇到了另一种可能会有所帮助的解决方案?为什么要使用画布?难道你不能用一个大容器(例如,400%宽和400%高)将视频完全放在其中,然后使其可拖动吗?是的,也许你是对的,但即使这样,“性能”问题也会存在,不是吗?我不这么认为,如果你使用html5视频标签,你可以指定一个占位符图像。对于拖动部分,可以使用可以

我试图在html5画布上放上几段视频(mp4),然后用JS实现平移和缩放,作为它们的导航。问题是它很快就会变得沉重。所以我决定使用简单的视频截图,实际上嵌入img标签而不是视频,然后平移。您是否遇到了另一种可能会有所帮助的解决方案?

为什么要使用画布?难道你不能用一个大容器(例如,400%宽和400%高)将视频完全放在其中,然后使其可拖动吗?是的,也许你是对的,但即使这样,“性能”问题也会存在,不是吗?我不这么认为,如果你使用html5视频标签,你可以指定一个占位符图像。对于拖动部分,可以使用可以硬件加速的css3变换。我只是制作了一个大的可拖动和可缩放的站点,最终使用了FailoJS(),它非常好、简单、快速,可以处理整个平移和缩放。那么,FailoJS是否可以在没有地图的情况下使用,或者您的项目也涉及地图?您可以使用任何您想要的图像作为背景。或者你根本就没有背景?