Gallery with DM Video in body test

Tanuj Damani 28/02/2019

This is the body of the gallery (the main gallery has 3 images), I will add a video in the body (that has been selected from the media) to see how the experience is. I will also add some paragraphs after the video to fill out the body a bit.

[video width="1024" height="576" mp4="https://revamp-en.sport360.com/wp-content/uploads/2019/02/1r560n6sgdig610vyb34y5b8i0_2400000.mp4"][/video]

I noticed a couple of issues: 1) The gallery viewer itself seems to be broken. Not sure if this is a known issue, or if it is some kind of JS Conflict with DM's JS.

2) The video is not showing... I know that this video was working in other articles, so this should work. Not sure if its a known issue.

Sed pretium nec arcu in consequat. Curabitur arcu velit, aliquam a eleifend ac, pulvinar vel purus. Aliquam vitae ex eu nisl ornare tristique a tempus eros. Nam elementum ligula et arcu hendrerit, sed ornare nisl semper. Nunc non mi pellentesque, dapibus purus eu, ornare risus. Nunc id dapibus felis. Curabitur tellus eros, blandit ultricies accumsan nec, tempus a risus. Pellentesque ut turpis facilisis sem dignissim rhoncus. Aliquam vitae orci tincidunt, sodales eros nec, efficitur mi.

Cras finibus massa non auctor ullamcorper. Mauris eleifend, ipsum eget ultrices sagittis, elit sapien sagittis nulla, eget iaculis libero elit quis mi. Nulla purus ligula, ultrices vitae sem vitae, facilisis fermentum sapien. Integer ullamcorper vulputate elit id viverra. Integer venenatis in sapien in elementum. Quisque eget semper ligula. Sed id urna id justo finibus aliquam eget tristique metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut est lectus, vulputate eget augue et, consectetur elementum risus. Fusce sit amet fringilla odio. Nullam rhoncus nisl in dolor rhoncus tincidunt. In semper mi ac dolor cursus imperdiet. Curabitur sit amet eros faucibus lorem laoreet lacinia. Cras non interdum nisl, ac tristique neque. In sed massa a lectus semper ullamcorper.

Recommended

Most popular

Related Sections

Normal Post with video much alter in the article

Tanuj Damani 28/02/2019
  • Facebook
  • Twitter
  • G+
  • Mail
  • Pinterest
  • LinkedIn
  • Facebook
  • Twitter
  • G+
  • WhatsApp
  • Pinterest
  • LinkedIn

Testing an article that has alot of content so that the video will be shown after the read more button. And to reduce testing time I am adding two videos in the body one right at the end, and one in the middle. This should help me test the play-in-page in two scenarios.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nisl neque, ullamcorper pharetra consequat non, porta gravida ex. Pellentesque ornare sagittis posuere. Sed elementum odio nec purus lobortis, eu ultricies nibh sodales. Mauris eleifend faucibus pharetra. Donec tempor efficitur turpis at vulputate. Nulla orci nunc, dignissim eu dui a, hendrerit ultrices felis. Praesent ac erat magna. Proin vel diam lorem. Curabitur suscipit nunc nulla, vel malesuada eros congue sed. Aliquam consectetur pellentesque quam nec tristique. Duis rhoncus purus a erat egestas, vel molestie lectus egestas. Aliquam sit amet accumsan nunc. Morbi euismod, arcu vitae lobortis ultricies, risus urna imperdiet nisi, sed faucibus arcu nunc vel nulla. Nam dui magna, aliquet quis venenatis vel, mollis quis felis.

Donec eu maximus mi, in tempus sem. Aliquam placerat, augue in efficitur consectetur, tellus leo sollicitudin nunc, vitae euismod justo justo sed quam. Phasellus vitae varius nibh, vitae fringilla nisl. Aliquam suscipit sagittis lobortis. Maecenas id arcu molestie, varius sapien non, auctor ante. Phasellus hendrerit sit amet lorem nec hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque malesuada dolor vitae ipsum iaculis pulvinar. Suspendisse bibendum diam eu ornare pretium.

The above video was uploaded directly here. The next video will be one selected from media.

Aliquam blandit scelerisque ipsum, non commodo mi aliquet vel. Donec erat tellus, blandit nec molestie sed, ultricies eu sapien. In ut congue turpis, condimentum tincidunt orci. Proin a volutpat massa, in varius lacus. Suspendisse aliquet interdum sem. Ut pulvinar metus justo, quis efficitur ante ultricies sed. Vivamus sed consectetur neque. Morbi placerat ipsum in dignissim vulputate. Quisque congue sed sem eu laoreet. Ut quis aliquam sem. Quisque interdum massa sed ante ultricies tincidunt. Quisque sed dictum quam. Aliquam ut augue porttitor, fringilla lorem id, dignissim ligula. Etiam sollicitudin nibh in auctor sollicitudin. Duis mattis nulla libero, et pulvinar metus semper a.

Integer volutpat imperdiet scelerisque. Suspendisse sagittis tincidunt erat, et consequat est varius at. Integer dictum feugiat mauris, a mollis nibh dapibus ut. Sed lacinia nisi quis mauris pretium facilisis. Sed interdum, leo eu consequat condimentum, lectus nisl dictum neque, sed lacinia odio nulla ac dui. Curabitur at tempor urna. Ut egestas vel erat nec blandit. Vestibulum in erat vehicula, imperdiet ante non, luctus turpis. In sed rhoncus erat, in fringilla orci. Phasellus quis purus in mauris tristique convallis. Vestibulum elementum justo ante, ut sodales libero aliquet in. Nam iaculis blandit tellus tincidunt ultrices. Etiam vel enim scelerisque, convallis erat quis, consectetur ante. In molestie ullamcorper blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent pellentesque velit non nisl pulvinar, vitae pellentesque urna varius.

Aenean nec eros congue, molestie metus ac, malesuada urna. Fusce feugiat dolor sed finibus dictum. Donec aliquam viverra quam, pulvinar molestie ipsum. Vivamus eget sem erat. Nam laoreet, erat non rutrum fermentum, dolor eros porta nibh, a faucibus turpis mauris at ex. Maecenas gravida facilisis nisl et venenatis. Aliquam maximus mi ipsum. Duis quis urna mollis, pretium nibh eget, posuere sem. Duis non convallis nisl. Quisque accumsan venenatis nunc, at iaculis nulla efficitur vel. Phasellus auctor eros id quam mollis, quis pulvinar massa ullamcorper. Fusce eros elit, placerat ut turpis nec, molestie sollicitudin diam. Suspendisse consectetur diam feugiat mauris iaculis, id scelerisque turpis porttitor. Cras at risus dui. Nullam posuere, elit fringilla tincidunt rutrum, turpis dolor imperdiet eros, ut imperdiet libero nunc ac leo. Vivamus lobortis ut lectus ut feugiat.

In vulputate nisl pulvinar, sollicitudin metus at, tempus diam. Aenean ut vehicula metus. Fusce fringilla lobortis tortor, at pellentesque erat rutrum et. Donec consectetur ullamcorper enim id efficitur. Vestibulum aliquet nisi id justo rutrum porta. Suspendisse sit amet augue quis metus mollis sollicitudin. Curabitur hendrerit, leo id tristique aliquam, mi odio viverra sapien, eu semper leo velit eu magna. Donec sit amet orci leo. Donec id sapien vel lacus vestibulum condimentum nec id velit. Sed placerat consequat mi id semper.

Mauris non nisi tincidunt, sodales dolor et, rutrum lectus. Duis id faucibus lectus, sed dignissim mauris. Praesent bibendum at magna nec varius. Fusce sagittis consectetur tellus, eu luctus urna volutpat interdum. Ut imperdiet nisi urna, eu mollis erat congue non. Vivamus efficitur turpis quis eros lacinia pulvinar. Vestibulum purus eros, rhoncus porta odio ac, tristique auctor purus. Duis imperdiet condimentum sagittis. Morbi vitae augue ligula.

Morbi consequat dolor ut lacinia vestibulum. Vestibulum sed dapibus leo. Suspendisse volutpat porttitor mi eu feugiat. Aenean vel lorem leo. Vestibulum sed tellus orci. Cras risus lectus, venenatis vel dui non, accumsan efficitur lectus. Curabitur felis orci, vehicula in venenatis et, hendrerit sed tellus. Nunc ex turpis, sollicitudin eu orci sit amet, mattis semper arcu. Proin quis risus quis velit accumsan cursus nec vitae massa. Duis pretium arcu accumsan, eleifend velit vitae, ultrices nisi. Etiam ac suscipit felis. Vestibulum vel vestibulum urna. Etiam a semper sapien.

Donec tortor magna, maximus sed blandit ut, sollicitudin sed velit. Ut cursus, libero vitae sodales blandit, arcu nunc euismod lectus, non accumsan ante mi et urna. Curabitur sodales erat eu laoreet laoreet. Maecenas at libero imperdiet, congue sem quis, rhoncus elit. Fusce lorem enim, imperdiet quis accumsan vel, sodales eu nibh. Vivamus ante leo, dignissim congue elit nec, fringilla molestie turpis. Vestibulum luctus pretium ante at laoreet.

Vestibulum a tincidunt dolor. Proin volutpat sagittis rhoncus. Integer aliquet mauris ultrices ante lacinia finibus ut id ligula. Donec eu tortor in nisl maximus gravida. Ut blandit facilisis tortor, in venenatis lectus vulputate in. Fusce in nunc id ligula maximus commodo. In sollicitudin velit sollicitudin convallis sollicitudin. Phasellus vitae mattis lectus, eget tempus nulla.

Most popular

Related Sections

Testing what a video in the body looks like and behaves like

Tanuj Damani 28/02/2019
  • Facebook
  • Twitter
  • G+
  • Mail
  • Pinterest
  • LinkedIn
  • Facebook
  • Twitter
  • G+
  • WhatsApp
  • Pinterest
  • LinkedIn

Testing a video after a small paragraph. In this article the video was selected from Media. This was the test just for viewing experience so I understand how it works.

1) The video played when it was in view, which was exactly what we expected. Yay!

2) When the video is no longer in view, the pop-out is shown and it continues playing. Was this expected? It does feel like a good user experience.
3) The next article was also a video, which also only played when it was in view, which was what was expected. Yay!

4) We need to consider the situation related to the pop-out player and more than one video. Do we even want this pop-out? For my it seems that its a hierarchy. The first video that was played (and is still playing) becomes the pop-out. If another video starts then it is second in hierarchy. This video only becomes the pop-out if the first video is paused. Then the pop-up will eventually get replaced by the second video in the hierarchy. Its seems to work quite well actually.
5) Now I am noticing related videos even when AdBlocker is disabled. We should definitely disable this.

Aliquam erat lorem, aliquam sed molestie vel, ullamcorper a dui. Maecenas suscipit neque est, sed ornare ex dapibus eget. Sed ac nunc id ipsum tincidunt congue eget id urna. Morbi mollis risus vitae faucibus faucibus. Ut non dictum lectus, vitae pulvinar magna. Fusce ultrices sit amet justo id vestibulum. Duis lacus diam, maximus sed venenatis vitae, imperdiet id orci. Curabitur urna nunc, tempus sed efficitur in, convallis non metus. Suspendisse ex nunc, iaculis non venenatis in, iaculis dignissim quam. Maecenas aliquet, nulla nec ullamcorper vehicula, odio erat finibus nisi, a convallis ante eros sed ligula. Vestibulum id tempor felis, vel tincidunt neque. Vivamus lobortis, lorem vel placerat tristique, justo diam aliquam ipsum, sed maximus ex neque at justo. Nam in mauris quis massa mollis egestas quis vitae purus. Nullam tincidunt ipsum ut urna euismod rhoncus. Ut efficitur urna nisi, et posuere quam maximus ut.

Pellentesque dignissim, velit vel pharetra pharetra, nisl augue semper felis, quis aliquam nunc erat a augue. Ut lacinia nisl nec metus tempus, vitae sollicitudin erat malesuada. Vivamus sed arcu ut orci consectetur mattis. Nam fringilla nibh nec libero dictum tempus. In id varius risus. Pellentesque pretium sodales suscipit. Donec luctus lorem non ligula molestie egestas. Proin scelerisque diam sapien, egestas luctus tellus congue nec. Pellentesque dapibus ligula ex, vitae blandit risus sagittis ultrices. In neque velit, aliquet nec sollicitudin vitae, porttitor vel eros.

Quisque interdum, lectus et condimentum faucibus, ligula velit suscipit urna, id lacinia lorem nibh in sapien. Nam quis purus at ligula volutpat efficitur ac cursus justo. Vivamus metus mauris, vehicula in tristique quis, feugiat in metus. Sed feugiat a ex vel rhoncus. Morbi sed urna id dolor pellentesque dignissim et a mauris. Curabitur ut ornare arcu. Cras aliquet arcu quis lacus laoreet dictum. Vivamus sem nisl, molestie nec massa ut, pharetra scelerisque nunc. In posuere, nisl ac bibendum pharetra, nisl neque rhoncus purus, a semper odio mi vitae tellus. Ut aliquet id nisl at facilisis.

Integer ac turpis scelerisque, interdum massa a, blandit leo. Nulla vestibulum augue vel turpis cursus, sit amet ullamcorper nulla viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed non lacus purus. Phasellus ligula elit, vehicula interdum sem vel, fermentum faucibus neque. Donec sapien mauris, faucibus sit amet purus quis, porttitor aliquet dolor. Duis eget enim vulputate, venenatis metus nec, ultricies turpis. Fusce pharetra commodo lectus, at luctus elit. Nunc et nibh non justo efficitur porta. Proin in tortor felis. Morbi tempor bibendum eros, id molestie tortor interdum sit amet.

Sed commodo, neque eu auctor tincidunt, nisi lectus elementum felis, sit amet maximus neque ipsum et mi. Pellentesque quis urna tortor. Nulla facilisi. Integer scelerisque tellus eu erat pulvinar, at feugiat felis tempor. Ut a odio sed lacus condimentum mattis vel at dolor. Aliquam erat volutpat. Etiam iaculis tincidunt massa porta aliquam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut mattis turpis non arcu euismod elementum. Ut accumsan velit sit amet purus convallis viverra. Praesent egestas tellus elit. Integer non libero libero. Praesent commodo aliquam libero ac egestas. Integer sit amet urna augue. Fusce nulla justo, ultricies ac purus ac, tristique mollis ex. Aenean id sagittis elit.

Most popular

Related Sections