Cloudfare Stream player controls question, and possible autoplay issue

Developers Stream
#1

I’ve written a Joomla module to display videos using the Cloudfare Stream Player. The video controls include:

  • Play speed
  • Video quality
  • Extra Options (report playback issue, copy video ID, etc)

  1. Is there a method for hiding these while still keeping the other controls (play/pause/volume)?

  2. My module can append the Cloudfare video URL with:

?autoplay=false

But this does not work in my module’s output. My video will autoplay when the URL is

src=“https://iframe.videodelivery.net/$VIDEOID**?autoplay=false**”

This is not critical for me as I have worked around it. I just wanted report it as a possible issue.

#2

to clarify issue #2, my code goes like this:

<iframe
	src="https://iframe.videodelivery.net/<?php echo $videoID; ?>?autoplay=<?php echo $autoplay; ?>"
	style="border: none;"
	height="720"
	width="1280"
	allowfullscreen="<?php echo $allowFullscreen; ?>">
</iframe>

but if the variable ‘autoplay’ is set to ‘false’ in the module, and the resulting output is semantically correct (src=“https://iframe.videodelivery.net/myuniquevideoid?autoplay=false”)

the video will still autoplay

my workaround is

<iframe
	src="https://iframe.videodelivery.net/<?php echo $videoID; ?><?php if (($autoplay) == 'true') { ?>&autoplay=true<?php } ?>"
	style="border: none;"
	height="720"
	width="1280"
	allowfullscreen="<?php echo $allowFullscreen; ?>">
</iframe>

which is not ideal but solves the problem.

#3

Thanks for reporting this issue. I was able to reproduce it. We’ll update this thread once its fixed.

#4

Thanks!

Any word on issue #1 (the ability to hide Speed, Quality, and Option controls on the player)?

#5

The UI customization info would be good to know if available.

#6

It is not possible to hide specific controls part of the Stream Player at the moment. Could you share why you’d like to hide them?

#7

Sorry for the delayed response.

I am tyring to create as clean a presentation as possible for a client’s portfolio of videos. Play Speed, Video Quality, and Extra Options are extra UI that are not likely to get a lot of use by visitors, so it would be nice to be able to hide them. But it’s not critical to the client.

#8

@web43 thanks for the answer! This is not something we have right now but it’s something we’re considering making available.

If this becomes a critical requirement by your client, I suggest checking out a third party video player and using it with HLS/DASH URLs provided in the API. Plyr, VideoJS, MediaElement.js are some options to consider. Please keep in mind that implementing a new video player requires significant HTML/Javascript work to ensure it works in many devices and browsers.

1 Like