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;}
}