{"id":88067,"date":"2022-06-10T11:53:28","date_gmt":"2022-06-10T09:53:28","guid":{"rendered":"https:\/\/www.exoclick.com\/fluid-player-new-update-live-stream-video-ads\/"},"modified":"2024-03-18T12:09:57","modified_gmt":"2024-03-18T11:09:57","slug":"fluid-player-new-update-live-stream-video-ads","status":"publish","type":"post","link":"https:\/\/www.exoclick.com\/it\/fluid-player-new-update-live-stream-video-ads\/","title":{"rendered":"Fluid Player New Update! Live Stream Video Ads"},"content":{"rendered":"

Ever since YouTube LIVE and Twitch, live stream video ads have become extremely popular to promote brands. Brands get to connect in real-time with their audience, achieving immediate engagement. This format has been proven to achieve a higher and more positive response from target consumers, which makes it very attractive both for publishers and advertisers alike.\u00a0<\/span><\/p>\n

The free open source HTML 5 video player Fluid Player<\/a> has been serving streaming files as main videos since 2020. However, it was not possible to serve them through in-stream video ads. Now, with the 2022 update, publishers can gain access to this new inventory of campaigns.\u00a0<\/span><\/p>\n

Video streaming files with Fluid Player<\/strong><\/h2>\n

Since 2020\u2019s update, streaming files (MPEG-DASH and HLS streaming) have been able to play as main videos within Fluid Player, with the streaming file needing to be specified as the \u201csource\u201d in the code:<\/span><\/p>\n

\n\t\t\t\t
<script src="https:\/\/cdn.fluidplayer.com\/v3\/current\/fluidplayer.min.js"><\/script>\r\n<video id='my-video' controls style="width: 640px; height: 360px;">\r\n    <source src='mystream.m3u8' title='720p' type='application\/x-mpegURL'>\r\n<\/video>\r\n<script type="text\/javascript">\r\n var player = fluidPlayer(\r\n   'my-video',\r\n    {\r\n        layoutControls: {\r\n        },\r\n        vastOptions: {\r\n        }\r\n    }\r\n );\r\n<\/script><\/pre>\n\t\t\t<\/div>\n
Although publishers could display streaming videos, video ads were still limited to mp4 files only. In this latest update, <\/span>Fluid Player supports 2 streaming protocols, using the streaming files formats .m3u8 and MPD.<\/span><\/p>\n
Dynamic Adaptive Streaming over HTTP (DASH)<\/b><\/h3>\n
Also known as MPEG-DASH, this streaming protocol is a media presentation description (MPD) file containing segmented information. These segments of information contain the times, URL, resolution, bit rates etc, which informs the player what file quality to showcase, depending on bandwidth availability. The supported file format for this protocol is MPD, played through the JavaScript library Dash.js. <\/span><\/p>\n
HTTP Live Streaming (also known as HLS)<\/b><\/h3>\n
HLS is an HTTP-based media streaming communications protocol used by Apple on QuickTime, Safari, OS X, and iOS software. To play HLS in browsers, Fluid Player uses hls.js, which is a JavaScript library. The LIVE video will then show within Fluid Player in .m3u8 format. Similarly to DASH, this protocol breaks the content into chunks and serves it one segment at a time.<\/span><\/p>\n
The new update: Live streaming Video Ads <\/strong><\/h2>\n
Fluid Player is open source and following up on user feedback, developers have created a new Fluid Player update that now allows it to run <\/span>video streaming ads<\/span> in ads with the new protocols. <\/span>To use the new feature, publishers only need to make sure that they are using the latest Fluid Player version (3.2.1), you can download the latest version here<\/a>. Once updated there is no need to adjust any code on your site because the streaming file is set up in the advertiser\u2019s VAST Tag:<\/span><\/p>\n
\n\t\t\t\t
<AdSystem version="1">adserver.com<\/AdSystem>\r\n<Creatives>\r\n<Creative sequence="1" id="1">\r\n<Linear skipoffset="00:00:05">\r\n<Duration>00:02:00<\/Duration>\r\n<MediaFiles>\r\n<MediaFile id="1" delivery="streaming" type="application\/vnd.apple.mpegurl" width="1280" height="720">\r\n<![CDATA[ https:\/\/www.advertising.com\/streaming_ad.m3u8]]>\r\n<\/MediaFile><\/pre>\n\t\t\t<\/div>\n
What are the benefits of showing streaming files as video ads?<\/b><\/h2>\n
Benefits for Advertisers:<\/b><\/h3>\n