Implementing video playback with custom embed code for iPhone compatibility

I need help getting a video player to work on mobile devices, specifically iPhones. I’m using a custom embed code from a video hosting service but having trouble with playback.

Here’s the embed code I’m working with:

<object id="videoPlayer" 
  width="500" height="300" 
  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
  <param name="movie" value="https://player.videoservice.com/embed/player?vid=1&ui=1" />
  <param name="bgcolor" value="#000000" />
  <param name="flashVars" value="contentId=9876543210&playerId=2468135790&apiKey=BX~~,BBBCOyfi6xl~,QNvo_kLHt8lmH6aijY_GcSI0gGNL-qdD2&site=embed&streaming=true" />
  <param name="baseURL" value="https://console.videoservice.com" />
  <param name="allowFullScreen" value="true" />
  <param name="allowScriptAccess" value="always" />
  <embed src="https://player.videoservice.com/embed/player?vid=1&ui=1" 
    bgcolor="#000000" 
    flashVars="contentId=9876543210&playerId=2468135790&apiKey=BX~~,BBBCOyfi6xl~,QNvo_kLHt8lmH6aijY_GcSI0gGNL-qdD2&site=embed&streaming=true"
    baseURL="https://console.videoservice.com" 
    name="videoPlayer" 
    width="500" 
    height="300"
    type="application/x-shockwave-flash"
    allowFullScreen="true" 
    allowScriptAccess="always"></embed>
</object>

Any suggestions on how to make this work properly on iOS devices?

Your embed code uses Flash, which is not supported on iPhones or iPads. I faced a similar issue and found that switching to HTML5 resolved the problem. I recommend contacting your video hosting service to get an HTML5 embed code. They typically provide an option that includes a <video> tag or an iframe that performs more reliably on mobile devices. Be sure to check their documentation for the latest embed options.