Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.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/0/laravel/10.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 使用HTML5播放器平移视频_Javascript_Html_Video_Html5 Video - Fatal编程技术网

Javascript 使用HTML5播放器平移视频

Javascript 使用HTML5播放器平移视频,javascript,html,video,html5-video,Javascript,Html,Video,Html5 Video,我正在寻找一种可能性,用HTML5视频播放器在video中平移 这是一种基于网络的艺术项目 我们有一个很宽的视频 播放器应仅显示视频的一个细节,并应永久性地从左向右平移,当到达右侧末端时再次开始 是否有具有此功能的播放器或可以使用某种插件扩展的播放器 或者有其他想法如何解决这个问题 谢谢 这可以通过一个容器来完成,该容器将具有您的显示窗口和溢出:隐藏的尺寸,以及您可以随意移动的视频。您甚至不需要javascript,一个简单的CSS3动画就可以完成这项工作: .container{ 位置:相对

我正在寻找一种可能性,用
HTML5视频播放器在
video
中平移

这是一种基于网络的艺术项目

我们有一个很宽的视频

播放器应仅显示视频的一个细节,并应永久性地从左向右平移,当到达右侧末端时再次开始

是否有具有此功能的播放器或可以使用某种插件扩展的播放器

或者有其他想法如何解决这个问题


谢谢

这可以通过一个容器来完成,该容器将具有您的显示窗口和
溢出:隐藏的尺寸,以及您可以随意移动的视频。您甚至不需要javascript,一个简单的CSS3动画就可以完成这项工作:

.container{
位置:相对位置;
宽度:200px;
高度:50px;
溢出:隐藏;
}
.视频{
位置:绝对位置;
背景:线性渐变(向右、红色、黄色);
宽度:1000px;
高度:50px;
动画:leftToRight 5s无限;
}
@左向右关键帧{
0%{左:0px;}
50%{左:-800px;}
100%{左:0px;}
}