Video and interactive media provide visual exposition and review for students to formulate cognitive representations where learning and reflection take place, especially in science laboratories. More inclusively, open educational resources (OER) with interactive content can facilitate access to media-enhanced learning. This paper reports part of a multi-year ongoing design-based research (DBR), focusing on the instructional development of media-based OER content in two geoscience laboratory education projects. The researchers have taken a case study approach to analyzing and exploring the design and development of accessible and interactive OER media, including photography and videography space, lighting conditions, camera settings, interactive media production, and OER publishing platforms. Findings have revealed the instructional development procedures, workflow and protocol of generating closed captioning for scientific video, data management techniques, and operability of media content in publishing platforms. The results are of practical and innovative values to the instructional development of science OER.