Bitwa thumb|200px| Flota bizantyjska używa ognia greckiego – ilustracja ze średniowiecznego rękopisu Działania wojenne na wielką skalę rozpoczęły się na wiosnę 674 roku. Pod Konstantynopolem pojawiła się potężna arabska eskadra. Walki trwały całe lato, jesienią zaś okręty arabskie wycofały się do Kyzikos, aby z nastaniem wiosny powrócić i na nowo rozpocząć oblężenie. Taka sytuacja powtarzała się rokrocznie aż do roku 678. Mimo ogromnego wysiłku Arabowie nie byli jednak w stanie sforsować potężnych umocnień Konstantynopola. Co więcej, podczas tego właśnie oblężenia Bizantyjczycy po raz pierwszy na szeroką skalę zastosowali ogień grecki, łatwopalną substancję wywołującą gwałtowny pożar, którą przy pomocy specjalnych wyrzutni miotali z dużej odległości na nieprzyjacielskie okręty. W rezultacie w roku 678 pokonali oni flotę arabską, która poniosła także duże straty w wyniku sztormu. Jednocześnie arabska armia lądowa poniosła klęskę w Anatolii.
Skutki bitwy W związku z powyższymi wydarzeniami Mu'awija czuł się zmuszony do zawarcia pokoju na 30 lat.