Please read the following table in HTML format from a webpage and then answer the question in detail according to the table. Each table cell is defined by a <td> and a </td> tag. Each table row starts with a <tr> and ends with a </tr> tag. 'rowspan=m' and 'colspan=n' represents a cell spaning over 'm' rows and 'n' columns.

Webpage title:
Miles Teller
Table title:
Film
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=1 rowspan=1 > Year </th><th colspan=1 rowspan=1 > Film </th><th colspan=1 rowspan=1 > role </th><th colspan=1 rowspan=1 > Notes </th></tr>
<tr> <td colspan=1 rowspan=1 > 2010 </td><td colspan=1 rowspan=1 > Rabbit Hole </td><td colspan=1 rowspan=1 > Jason </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2011 </td><td colspan=1 rowspan=1 > Footloose </td><td colspan=1 rowspan=1 > Willard Hewitt </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2012 </td><td colspan=1 rowspan=1 > Project X </td><td colspan=1 rowspan=1 > Miles </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=2 > 2013 </td><td colspan=1 rowspan=1 > The Spectacular Now </td><td colspan=1 rowspan=1 > Sutter Keely </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 21 & Over </td><td colspan=1 rowspan=1 > Miller </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=4 > 2014 </td><td colspan=1 rowspan=1 > Whiplash </td><td colspan=1 rowspan=1 > Andrew Neiman </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > That Awkward Moment </td><td colspan=1 rowspan=1 > Daniel </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Divergent </td><td colspan=1 rowspan=1 > Peter Hayes </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Two Night Stand </td><td colspan=1 rowspan=1 > Alec </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=2 > 2015 </td><td colspan=1 rowspan=1 > The Divergent Series: Insurgent </td><td colspan=1 rowspan=1 > Peter Hayes </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > Fantastic Four </td><td class="highlighted"  colspan=1 rowspan=1 > Reed Richards / Mister Fantastic </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=4 > 2016 </td><td colspan=1 rowspan=1 > The Divergent Series: Allegiant </td><td colspan=1 rowspan=1 > Peter Hayes </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Get a Job </td><td colspan=1 rowspan=1 > Will Davis </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > War Dogs </td><td colspan=1 rowspan=1 > David Packouz </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Bleed for This </td><td colspan=1 rowspan=1 > Vinny Pazienza </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=2 > 2017 </td><td colspan=1 rowspan=1 > Only the Brave </td><td colspan=1 rowspan=1 > Brendan "Donut" McDonough </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > Thank You for Your Service </td><td colspan=1 rowspan=1 > Adam Schumann </td><td colspan=1 rowspan=1 >  </td></tr>
<tr> <td colspan=1 rowspan=1 > 2019 </td><td colspan=1 rowspan=1 > The Ark and the Aardvark </td><td colspan=1 rowspan=1 > Gilbert (voice) </td><td colspan=1 rowspan=1 > In Production </td></tr>
<tr> <td colspan=1 rowspan=1 > 2020 </td><td colspan=1 rowspan=1 > Top Gun: Maverick </td><td colspan=1 rowspan=1 > Bradley Bradshaw </td><td colspan=1 rowspan=1 > Filming </td></tr>
</table>
Question:
What two roles did teller play in the fantastic four and what year was it released?
Answer:
Miles Teller starred as Reed Richards / Mister Fantastic in the film Fantastic Four (2015).