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.

Recommended

Most popular

Related Sections

Another video test to see how two videos play in the same page.

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

This is a 20.7mb video that I have Uploaded directly.

1) because of the pop-over video, the case becomes that two videos are playing simultaneously. The first video in the list will play, followed by the second video in the list.

2) If you pause the first, video and then go to the second video, it will be the only video playing and also the pop-over will be the active playing video only (in this case, the second video).

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. 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.


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

This is a main video test to see how it works

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

This test was conducted on 28th Feb.

1) This video was uploaded to media and added as the main video. Once this is done, we will add a new video in the body below this. But before I do that I will add some Lorem Ipsum so there is some text in this video’s body.

2) After I uploaded the video I checked that the video shows up in the “Media”, my assumption is that at this stage is it stored on our servers. After we move to DM, this video will be stored on DailyMotion and played via their player.

I did notice that the video uploaded to dailymotion, but it uploaded 3 times. Not sure if this is a bug since the upload video is not yet completely implemented.


I viewed the video in two scenarios, with and without ad Blocked.







With Ad Blocker I noticed that there are recommendations showing from dailymotion, which are from other channels and even in other languages (will confirm this with MW);

Without Ad Blocker I noticed the following:

1) There is a pre-roll and post roll ad,

2) The ads are not skippable, so once the video is done playing an ad is played, then the user sees the replay button, which when the click are shown the preroll again. That is 2 ads in order to replay the video, not sure what the requirements are.

3) There are no recommendations in the video. Is this the correct implementation? (seems right to me, maybe by the end of the video, the user can be scrolled down to the next video or article, just a thought, but not required)


Two thing I noticed for both scenarios is:

1) If you open the video it doesnt play automatically untill you scroll even slightly. Maybe this has got to do with the way the “play-in-view” is triggered?

2) The video when you scroll down the page (till where you can’t see the video anymore) will pop-out and play on the bottom right as a PIP. not sure if this is default behaviour or if it was implemented on purpose, (ignoring this for now since no requirements were provided to me for this).


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. 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.


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