Flowplayer Demo
Video gallery
Four videos in a grid.
.item {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
margin: 0 -2px;
padding: 1em;
width: 50%;
}
/* mobile layout */
@media (max-width: 900px) {
.item { width: 100% }
}
flowplayer("#player1", {
src: "56058953-2cbd-4858-a915-1253bf7ef7b2/00dc2cd3-3813-4869-8ab8-00ece266b958",
poster: "/resources/demos/images/restaurants/4.jpeg"
})
flowplayer("#player2", {
src: "56058953-2cbd-4858-a915-1253bf7ef7b2/00dc2cd3-3813-4869-8ab8-00ece266b958",
poster: "/resources/demos/images/restaurants/5.jpeg"
})
flowplayer("#player3", {
src: "56058953-2cbd-4858-a915-1253bf7ef7b2/00dc2cd3-3813-4869-8ab8-00ece266b958",
poster: "/resources/demos/images/restaurants/6.jpeg"
})
flowplayer("#player4", {
src: "56058953-2cbd-4858-a915-1253bf7ef7b2/00dc2cd3-3813-4869-8ab8-00ece266b958",
poster: "/resources/demos/images/restaurants/3.jpeg"
})
