{"id":56715,"date":"2020-11-23T10:37:53","date_gmt":"2020-11-23T09:37:53","guid":{"rendered":"https:\/\/cfpowertools.com\/?p=56715"},"modified":"2025-02-12T22:21:57","modified_gmt":"2025-02-12T21:21:57","slug":"video-streaming-plugin-wordpress","status":"publish","type":"post","link":"https:\/\/cfpowertools.com\/ja\/article\/video-streaming-plugin-wordpress\/","title":{"rendered":"CF Power Tools\u5f37\u529b\u306a\u30d3\u30c7\u30aa\u30b9\u30c8\u30ea\u30fc\u30df\u30f3\u30b0\u30d7\u30e9\u30b0\u30a4\u30f3Wordpress\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u3067\u30d3\u30c7\u30aa\u4fdd\u8b77"},"content":{"rendered":"

Cloudflare Stream offers its own free plugin<\/a> which, actually, has limited functionalities. So we created our CF Power Tools<\/a>\u00a0video streaming plugin wordpress for Cloudflare Stream to fill in that gap.<\/p>\n

We tested the “official” WordPress plugin but in our case, it was not powerful enough.<\/p>\n

We needed to integrate the functionality of signed URLs into WordPress to protect our videos because, in the end, we wanted to prevent our videos to be downloadable by anyone.<\/strong><\/span><\/p>\n

CF Power Tools video streaming plugin WordPress tokenises the streaming process and generates one shortcode for each video that you can embed wherever you want in WordPress. If you want to know more, you can read our detailed blog post<\/a>.<\/p>\n

Our video streaming plugin Wordpress easily integrates the signed URL capabilities (video protection) in your WordPress installation (classic, Gutenberg, and WPBakery), and allows streaming only from domains that you add to the allow list.<\/p>\n

The\u00a0core functionalities<\/strong>\u00a0we needed (and the problems we solved) were:<\/h2>\n

A)<\/strong> protect our videos by allowing only some domain origins<\/strong> directly from WordPress, pretty much as you do manually in CF:<\/p>\n

\n

\"\"<\/p>\n

So that the streaming would have only be possible from our domain cfpowertools.com<\/p>\n<\/div>\n

B)<\/strong> make the video ID hidden from public..<\/strong> yes, normally it isn\u2019t!!<\/p>\n

\"\"<\/p>\n

i.e. if you take your video ID and paste it after this URL you will see that the video streams perfectly publicly:
\nhttps:\/\/watch.cloudflarestream.com\/yourNumericIDgoesHere<\/a><\/p>\n

C)<\/strong> to have a \u201cunlock button<\/strong>\u201d that would un-sign all the videos URLs in bulk. So, in case anything would happen with the tokenisation (e.g. WordPress updates, sudden plugin incompatibilities or malfunctions, etc) we would have ensured that users can still stream the videos, even if unprotected.<\/p>\n


\nD)<\/strong> a Shortcode<\/strong> so to embed the videos wherever in\u00a0 WordPress (pretty much as the official CF plugin is doing)<\/p>\n


\nE)<\/strong> managing all the streaming\u00a0parameters<\/strong>\u00a0(autoplay, poster, loop, etc)<\/p>\n


\nSo we made CF Power Tools Video Streaming Plugin Wordpress that works in 4 simple steps:
\n<\/strong><\/h2>\n
    \n
  1. A setting page get all the CF basic parameters (ID, email, API key, etc)<\/strong>:
    \n\"Video<\/li>\n
  2. There you can also set a\u00a0Buffer time<\/strong>. Which will be added to the video length.
    \nE.g. if your video last 5 min and your buffer time is 5 min, the generated token for the streaming session will be invalidated after 10 minutes.<\/li>\n
  3. You can add your video as you would do with a normal WordPress page<\/strong>, giving it a title and inserting your video ID taken directly from CF stream interface:<\/li>\n
  4. Once you hit \u201cpublish\u201d or “update” it will automatically add the current domain to the allow list only on CF, so that you don\u2019t have to insert the domain origins via CF interface and sign the URL, de facto, protecting the video. E.g. if someone wanted to grab your URL and copy it in a forum or download it.<\/li>\n
  5. You get all your videos and their shortcodes:<\/strong>\n
    \n
    \"\"<\/div>\n
    <\/div>\n<\/div>\n<\/li>\n
  6. you simply paste the Shortcode wherever you want in your Wordpress<\/strong> + add any parameter you want after it\":wink:\"\n
    <\/div>\n<\/li>\n<\/ol>\n

    \"\"<\/p>\n

    Our CF Power Tools<\/a>\u00a0video streaming plugin Wordpress allows for our videos to stream in a \u201cprotected way\u201d, eg. instead of the ID, a time-bound token is shown on the DOM and the video ID remains hidden:<\/span><\/p>\n

    \"\"<\/p>\n

    We hope this may be of any interest to anyone facing our same need vs Cloudflare stream video protection, signed URL, tokenisation, etc.<\/p>\n

    We are pretty sure there are better, faster and more efficient ways to do this, so we are very open to read your thoughts, comments and expertise and to learn from it to improve our video streaming plugin Wordpress\u00a0\":wink:\"<\/p>\n

    CF Power Tools\u3092\u5165\u624b<\/a>\u00a0video streaming plugin Wordpress today!\u00a0Read our FAQ<\/a> or feel free to get in touch<\/a> with us for any comments, doubts or questions you may have.<\/p>","protected":false},"excerpt":{"rendered":"

    Cloudflare Stream offers its own free plugin which, actually, has limited functionalities. So we created our CF Power Tools\u00a0video streaming plugin wordpress for Cloudflare Stream to fill in that gap. We tested the “official” WordPress plugin but in our case, it was not powerful enough. We needed to integrate the functionality of signed URLs into WordPress to protect our videos because, in the end, we wanted to prevent our videos to be downloadable by anyone. CF Power Tools video streaming plugin WordPress tokenises the streaming process and generates one shortcode for each video that you can embed wherever you want in WordPress. If you want to know more, you can […]<\/p>\n","protected":false},"author":1,"featured_media":57063,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[142],"tags":[],"class_list":["post-56715","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cfpt"],"_links":{"self":[{"href":"https:\/\/cfpowertools.com\/ja\/wp-json\/wp\/v2\/posts\/56715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cfpowertools.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cfpowertools.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cfpowertools.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cfpowertools.com\/ja\/wp-json\/wp\/v2\/comments?post=56715"}],"version-history":[{"count":0,"href":"https:\/\/cfpowertools.com\/ja\/wp-json\/wp\/v2\/posts\/56715\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cfpowertools.com\/ja\/wp-json\/wp\/v2\/media\/57063"}],"wp:attachment":[{"href":"https:\/\/cfpowertools.com\/ja\/wp-json\/wp\/v2\/media?parent=56715"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cfpowertools.com\/ja\/wp-json\/wp\/v2\/categories?post=56715"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cfpowertools.com\/ja\/wp-json\/wp\/v2\/tags?post=56715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}