To make a video loop on a website you have to modify the code used to place the video on the site. The code you use depends on how you embed the video. There is nothing you can do in AE or Premiere Pro or the Adobe Media encoder to tell a media player to loop a video. The success of your loop depends on the timing of the action. The easiest thing to do for something like a rotating sphere is to have the first and last keyframes exactly equal so the earth completes one full revolution in the length of the comp then shorten the length of the comp by one frame. I usually just put the CTI on the last frame of the comp, back up one frame, press the N key to set the end of the work area to the CTI then right click the work area and trim the comp.
If you are using HTML 5 then the code looks like this:
<video controls loop>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
You might want to think about exporting the video to a lossless or maybe lossless with alpha format then opening the video in Photoshop and exporting an animated gif from there. Depending on the clip you may get a much smaller file size that will work on any browser. That's the easiest way to end up with a transparent background.
Thank you for your response.
From within Photoshop, I exported an animated gif with loop set to "forever." The file size ended up being 4mb which seems rather large for what I'm trying to accomplish.
However, I ended up with exactly what I was looking for EXCEPT, I need to be able to embed the video into an html page without <video controls loop><.video>, so the world appears as a spinning logo on the page when it is loaded and viewed.
I was able to achieve this years ago using an ,swf file. Is there more to the solution of my problem?
I tried putting the looping gif video into an <img></img> tag and it worked fine. Thanks for your help.