YouTube against Spotify and Netflix: by the year come the paid services
Apart one billion users and ten years of popularity. Encouraged by these numbers YouTube prepares to leap by taking the road of global average, with one eye on the TV and entertainment channels. By 2015, the video sharing platform should launch two pay services along the lines not only Apple Music and Spotify but also of Sky and Netflix, which from October arrives in Italy.
The news has been circulating for several months and is back in vogue in the last hours with The Verge: according to technology blog, YouTube will launch two subscription services later this year. In practice, this would be the extension of the formula already applied in YouTube Music Key (music streaming service for a fee launched last November in the experimental stage) and another service currently nameless will charge users for some content. “In this way – The Verge points out – the site would be a mix of content for free, supported by ads and also paid.”
“To give users more options to enjoy content creators and more opportunities to make revenue is among the priorities of YouTube”: this is the philosophy of the company confirmed some time ago by a spokesman at the US site Mashable.
The video sharing platform has need to monetize its popularity. According to rumors reported by the Wall Street Journal a few months ago, YouTube does not generate revenues in fact many: in 2014 were $ 4 billion through increased advertising. But, after expenses for the content and technology infrastructure, the company “is more or less in balance ‘. Not to mention that the giants like Facebook are creeping up in its core business: a few months ago the company of Mark Zuckerberg topped YouTube video views thanks to the ruse autostart, ie movies that start on their own.
The aim of Google is therefore to make the jump to YouTube, video archive in global average, including TV. A cultural change already initiated by the young people who now look more video content on the platform and on the move, who sat in front of the television.
In 2012, the site has paid hundreds of millions of dollars to producers of content in an attempt to create channel-like television, but did not get the desired result. Then last November announced the subscription service `Music Key’ along the lines of Spotify and Apple Music.
If the rumors prove to be correct, YouTube would then develop pay channels with subscriptions differentiated by category. Not far from what we already do broadcasters such as Sky and Mediaset offering “packages” of online content more different (sports, movies, entertainment). Not to mention the battleship Netflix, which from October lands in Italy.
08/31/2015
tiziana Cairati, matthew de Santis, Francesco Manassero
AFP
30/08/2015
ANSA
30/08/2015
ANSA
08/31/2015
ANSA
08/31/2015
“);} // ——————— —————————– // // Move column 2 related articles // // —— ——————————————– if (device.mobile ( )) {var ArtCorr j = $ (“# col1ContainerArtCorr”). detach (); j $ (“# ed_Related_Box”). before (ArtCorr); var cont = ArtCorr.find (“. ls-box-related items. ls-boxcontent-body .LS-boxcontent-body-view “); ArtCorr.find (“. ls-boxcontent #scrollArrows “). css (” display “,” none “); if (cont.find (“. ls -boxUltimoArticolo “). length & gt; 0) {cont.find (“. ls-boxUltimoArticolo “). each (function (index) {cont.append (j $ (this) .html ()); j $ (this) .detach ();}); ArtCorr.show (); var base = ArtCorr.find (“. ls-box-related items”); base.swiper ({container: base.find (“. ls-boxcontent- body “), content: base.find (“. ls-boxcontent-body-view “)}); ExpertCorr} var j = $ (“# col1ContainerExpertCorr”). Detach (); J $ (“# ed_Related_Box”). Before (ExpertCorr); var cont = ExpertCorr.find (“. ls-box-items-related .LS-boxcontent-body .LS-boxcontent-body-view”); ExpertCorr.find (“. Ls-boxcontent #scrollArrows”). Css (“display”, “none”); if (cont.find (“. ls-boxUltimoArticolo”). length & gt; 0) {cont.find (“. ls-boxUltimoArticolo”). each (function (index) {cont.append (j $ (this) .html ()); j $ (this) .detach ();}); ExpertCorr.show (); var base = ExpertCorr.find (“. ls-box-related items”); base.swiper ({container: base.find (“. ls-boxcontent-body”), content: base.find (“. ls-boxcontent-body-view”)}); }} Else {if ($ j (“# col1ContainerArtCorr .LS-boxUltimoArticolo”). Size () & gt; 0) {$ j (“# frame1PlaceHolder”). After (“
” + j $ (“# col1ContainerArtCorr “) .html () +”
“); } Else if ($ j (“# col1ContainerExpertCorr .LS-boxUltimoArticolo”). Size () & gt; 0) {$ j (“# frame1PlaceHolder”). After (“
” + j $ (“# col1ContainerExpertCorr”) .html () + “
“); }} // ———————————————- —- // // Hide the box if there are no related articles and multimedia // // ————————— ———————– if (j $ (“# containerMMCorr .LS-boxUltimoArticolo”). size () == 0) {$ j (” #containerMMCorr “). css (” display “,” none “); } If ($ j (“# containerArtCorr .LS-boxUltimoArticolo”). Size () == 0) {$ j (“# containerArtCorr”). Css (“display”, “none”); } If ($ j (“# containerExpertCorr .LS-boxUltimoArticolo”). Size () == 0) {$ j (“# containerExpertCorr”). Css (“display”, “none”); } // ———————————————– — // // Management box recent articles in opening // // ——————————– —————— $ j (“. ls-new-leaf-.LS boxUltimiArticoli-top-.LS boxcontent-body”). height (60); boxManual = true; boxOpened = false; var topBannerHeight; var topUltimiArticoliHeight; var topTotalTopHeight; // // ———————————————- —- // // // // Display Expert System ———————————- —————- if ($ j (“. ls-articoloTesto”). height () & gt; 550) j {$ (“. ls-articoloImmagini-Spacer”). css (“height”, $ j (“. ls-image-article”). height () + 120); $ J (“. Ls-image-article”). Css (“display”, “inline”); } If ($ j (‘. Ls-articoloES-Links’). Height () == 0) {$ j (‘. Ls-articoloES-Links’). Css (‘display’, ‘none’); } // ———————————————– — // // // // Initialization loading page ———————————— ————– $ j (document) .ready (function () {// Adaptation of video for mobile if (device.mobile ()) {$ j (‘. ls- articoloScript iframe ‘). width (j $ (window) .width ()); $ j (‘. ls-articoloScript iframe ‘). height (j $ (window) .width () * 9/16);} // // Initialization of removing 4px top padding-top box to align the thread blue top topbannerSectionHeight // var j = $ (‘. ls-topBannerSection’). outerHeight (true) – 4; // // Initialization of the arrows Last Articles // j $ (‘. arrow_up_big’). css (“display”, “none”); $ j (‘. arrow_down_big’). css (“display”, “block”); // // Initialization edges Last Articles rightBoxUltimiArticoli // var j = $ (‘# containerLista #boxUltimoArticolo’). last (); rightBoxUltimiArticoli.addClass (‘BorderRight’); // // // Initialization related articles maxAltezzaBox var = 730; hContainerArt var j = $ (“# containerArtCorr .LS-boxcontent-body-view”). height (); hViewArt var j = $ (“# containerArtCorr .LS-boxcontent .LS-box-items-related .LS-boxcontent-body”) .height (); var height = Math.min (hContainerArt, hViewArt); height = Math.min (height, maxAltezzaBox); J $ (‘# containerArtCorr .LS-boxcontent .LS-box-items-related .LS-boxcontent-body’). Height (height); J $ (“# containerArtCorr #articoliCorrScrollUp”). Attr (‘src’, ‘/ common / img / arrow_up_disabled.png’); J $ (“# containerArtCorr #articoliCorrScrollUp”). RemoveClass (‘. Active’); // // I hide the arrows to scroll if there are fewer than three articles // if ($ j (“# containerArtCorr .LS-boxUltimoArticolo”). Size () 60) {$ j (node) .text (titolo.substring (0, 60) + ‘…’); }}); // // Add the div for the management of the scroll // j $ (‘. Ls-topBannerSection’). After (”); J $ (‘# afterTopBanner’). Height (topBannerHeight); J $ (‘# getFixed’). After (”); J $ (‘# afterUltimiArticoli’). Height (topTotalTopHeight); afterUltimiArticoliTop var j = $ (‘# afterUltimiArticoli’). position (). top; // // Management box in column 2 // var height = (j $ (‘. Ls-articoloTesto’). Height () + j $ (‘. Ls-articoloTesto’). Position (). Top) – $ j (‘# containerMMCorr’). height () – j $ (‘# containerArtCorr’). height () – $ j (‘. ls-column2′). offset (). top; J $ (‘# containerMMCorr’). After (”);
//
J $ (window) .scroll (function (event) {
var y = j $ (this) .scrollTop ();
if (($ j (window) .scrollTop () & gt; $ j (‘. ls-articoloTesto’). height ()) & amp; & amp; ($ j (window) .scrollTop () & gt; 800)) {
if ($ j (“# sh_socialized_bottom”). css (‘display’) == ‘none’) {
J $ (“# sh_socialized_bottom”). Css (‘display’, ‘block’);
$ J (“# sh_socialized_bottom”). Html ($ j (“# sh_socialized”). Html ());
}
} Else {
J $ (“# sh_socialized_bottom”). Css (‘display’, ‘none’);
J $ (“# sh_socialized_bottom”). Html (”);
}
if (device.tablet () || device.mobile ()) {
return;
}
//
// Management of the top header
//
if (y & gt; 0) {
if (j $ (window) .scrollTop () & gt; j = $ (‘# page_header’). offset (). top) {
//
// Top header fixed
//
if (if! = 1) {
If = 1;
$ J (‘. Ls-topBannerSection’). AddClass (‘fixed’);
$ J (‘. Ls-topBannerSection’). AddClass (‘fixedTopHeader’);
J $ (‘# afterTopBanner’). Css (‘display’, ‘block’);
topBannerHeight j = $ (‘. ls-topBannerSection’). height () + j $ (‘. ls-boxUltimiArticoliLista’). height ();
// Console.log (‘Case:’ + event);
}
if (j $ (window) .scrollTop () (j $ (‘# getFixed’). offset (). top – $ j (‘. ls-topBannerSection’). height ())) {
//
// Management box recent articles
//
if (if! = 3) {
case = 3;
J $ (‘# afterUltimiArticoli’). Css (‘display’, ‘block’);
J $ (‘# getFixed’). AddClass (‘fixed’);
J $ (‘# getFixed’). AddClass (‘fixedTopArticoli’);
// J $ (‘. FixedTopArticoli’). Css (‘top’, topbannerSectionHeight + ‘px’);
// AfterUltimiArticoliTop j = $ (‘# getFixed’). Offset (). Top + j $ (‘# getFixed’). Height () – $ j (‘. Ls-topBannerSection’). Height ();
// Console.log (‘Case:’ + event);
}
} Else {
}
//
// Management of related articles in column 2
//
if (j $ (window) .scrollTop () & gt; j $ (‘. ls-articoloTesto’). height ()) {
if ($ j (“# containerArtCorr”). css (‘top’) == ’0px’) {
if ($ j (“# containerArtCorr”). css (‘display’) == ‘block’) {
postop var j = $ (‘# ad_frame2′). offset (). top – $ j (‘. ls-column2′). offset (). top + 250;
var posBottom postop = + j $ (“# containerArtCorr”). height ();
if ($ j (‘# ed_Related_Box’). offset (). top & gt; posBottom) {
J $ (“# containerArtCorr”). Css (‘display’, ‘none’);
J $ (“# containerArtCorr”). Css (‘position’, ‘relative’);
J $ (“# containerArtCorr”). Css (‘top’, postop + ‘px’);
$ J (“. Ls-column2″). Height ($ j (‘. Ls-column1′). Height ());
J $ (“# containerArtCorr”). FadeIn (600);
}
}
}
} Else {
J $ (“# containerArtCorr”). Css (‘top’, ’0px’);
}
} Else {
if (if! = 4) {
event = 4;
J $ (‘# afterTopBanner’). Css (‘display’, ‘none’);
J $ (‘# afterUltimiArticoli’). Css (‘display’, ‘none’);
$ J (‘. Ls-colonneArticolo’). Css (‘position’, ‘static’);
$ J (‘. Ls-colonneArticolo’). Css (‘top’, ’0px’);
$ J (‘. Ls-topBannerSection’). RemoveClass (‘fixed’);
$ J (‘. Ls-topBannerSection’). RemoveClass (‘fixedTopHeader’);
$ J (‘. Ls-spinster’). Css (‘position’, ‘static’);
$ J (‘. Ls-spinster’). Css (‘top’, ’0px’);
J $ (‘# getFixed’). RemoveClass (‘fixed’);
J $ (‘# getFixed’). RemoveClass (‘fixedTopArticoli’);
// Console.log (‘Case:’ + event);
}
}
});
});
// ———————————————— -
//
// Management of the box past articles in opening
//
// ———————————————— -
// Store the open / close status of the box to avoid
// Handle the same event in the scroll
boxOpened var = false;
// Store if the box was New hotel opened or closed
// Manually to not change the state
// In automatic mode during the scroll
boxManual var = false;
$ J (‘. Arrow_down_big’). Click (function () {
// I open the box
boxManual = true;
ultimiArticoliBox (‘open’);
});
$ J (‘. Arrow_up_big’). Click (function () {
// I close the box
boxManual = true;
ultimiArticoliBox (‘close’);
});
ultimiArticoliBox function (action) {
var speed1 = 300;
speed2 var = 500;
if ((action == ‘open’) & amp; & amp; (boxOpened == false)) {
var cssProp;
$ J (‘. Arrow_up_big’). Css (“display”, “block”);
$ J (‘. Arrow_down_big’). Css (“display”, “none”);
cssProp = {height: ’180px’};
$ J (“. Ls-new-leaf-.LS boxUltimiArticoli-top-.LS boxcontent-body”). Animate (cssProp, speed2);
cssProp = {top: ’20px’};
// J $ (‘# getFixed #boxUltimoArticolo .LS-boxUltimoArticolo-info’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .LS-box-text’). Animate (cssProp, speed2);
cssProp = {top: ’0px’};
// J $ (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .LS-box-image’). Animate (cssProp, speed2);
cssProp = {height: ’179px’};
$ J (“. Ls-new-leaf-.LS boxUltimiArticoli-top-.LS boxUltimiArticoliLista”). Animate (cssProp, speed2,
function ()
{
var height = j $ (‘# getFixed’). height ()
cssProp = {height: + height + ‘px’};
J $ (‘# afterUltimiArticoli’). Animate (cssProp, speed1);
}
);
boxOpened = true;
}
if ((action == ‘close’) & amp; & amp; (boxOpened == true)) {
var cssProp;
$ J (‘. Arrow_up_big’). Css (“display”, “none”);
$ J (‘. Arrow_down_big’). Css (“display”, “block”);
cssProp = {top: ‘-130px’};
// J $ (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Css (‘position’, ‘relative’);
// J $ (‘# getFixed #boxUltimoArticolo .imgUltimoArticolo’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .LS-box-image’). Css (‘position’, ‘relative’);
J $ (‘# getFixed #boxUltimoArticolo .LS-box-image’). Animate (cssProp, speed2);
cssProp = {top: ‘-100px’};
// J $ (‘# getFixed #boxUltimoArticolo .LS-boxUltimoArticolo-info’). Css (‘position’, ‘relative’);
// J $ (‘# getFixed #boxUltimoArticolo .LS-boxUltimoArticolo-info’). Animate (cssProp, speed2);
J $ (‘# getFixed #boxUltimoArticolo .LS-box-text’). Css (‘position’, ‘relative’);
J $ (‘# getFixed #boxUltimoArticolo .LS-box-text’). Animate (cssProp, speed2);
cssProp = {height: ’59px’};
$ J (“. Ls-new-leaf-.LS boxUltimiArticoli-top-.LS boxUltimiArticoliLista”). Animate (cssProp, speed2);
cssProp = {height: ’60px’};
$ J (“. Ls-new-leaf-.LS boxUltimiArticoli-top-.LS boxcontent-body”). Animate (cssProp, speed2,
function ()
{
var height = j $ (‘# getFixed’). height ()
cssProp = {height: + height + ‘px’};
J $ (‘# afterUltimiArticoli’). Animate (cssProp, speed1);
}
);
J $ (‘# afterUltimiArticoli’). Height (j $ (‘# getFixed’). Height ());
boxOpened = false;
}
}
// ———————————————— -
//
// Management related articles
//
// ———————————————— -
var speed = 300;
var valueArt = 0;
var topValueArt = 0;
var minValueArt = 0;
numArticoli var j = $ (“# containerArtCorr .LS-boxcontent-body-view .LS-boxUltimoArticolo”). length;
currArticolo var = 1;
// ———————————————— -
// Click Arrow pointing down
//
// ———————————————— -
J $ (“# containerArtCorr #articoliCorrScrollDown”). Click (function () {
valueArt = valueArt – $ j (j $ (“# containerArtCorr .LS-boxUltimoArticolo”). get (currArticolo – 1)). outerHeight ();
cssProp var = {top: + valueArt + ‘px’};
if ($ j (“# containerArtCorr #articoliCorrScrollDown”). hasClass (‘. active’) == false)
return;
currArticolo ++;
J $ (“# containerArtCorr .LS-boxcontent .LS-box-items-related .LS-boxcontent-body .LS-boxcontent-body-view”). Animate (cssProp, speed,
function () {
J $ (“# containerArtCorr #articoliCorrScrollUp”). Attr (‘src’, ‘/ form / new-leaf / img / arrow_up.png’);
J $ (“# containerArtCorr #articoliCorrScrollUp”). AddClass (‘. Active’);
heightContainer var j = $ (“# containerArtCorr .LS-boxcontent .LS-box-items-related .LS-boxcontent-body .LS-boxcontent-body-view”). height ();
if (currArticolo & gt; (numArticoli – 1)) {
J $ (“# containerArtCorr #articoliCorrScrollDown”). Attr (‘src’, ‘/ common / img / arrow_down_disabled.png’);
J $ (“# containerArtCorr #articoliCorrScrollDown”). RemoveClass (‘. Active’);
} Else {
J $ (“# containerArtCorr #articoliCorrScrollDown”). Attr (‘src’, ‘/ common / img / arrow_down.png’);
J $ (“# containerArtCorr #articoliCorrScrollDown”). AddClass (‘. Active’);
}
}
);
});
// ———————————————— -
// Arrow upwards Click
//
// ———————————————— -
J $ (“# containerArtCorr #articoliCorrScrollUp”). Click (function () {
valueArt = valueArt + $ j (j $ (“# containerArtCorr .LS-boxUltimoArticolo”). get (currArticolo – 2)). outerHeight ();
cssProp var = {top: + valueArt + ‘px’};
if ($ j (“# containerArtCorr #articoliCorrScrollUp”). hasClass (‘. active’) == false)
return;
currArticolo–;
J $ (“# containerArtCorr .LS-boxcontent .LS-box-items-related .LS-boxcontent-body .LS-boxcontent-body-view”). Animate (cssProp, speed,
function () {
J $ (“# containerArtCorr #articoliCorrScrollDown”). Attr (‘src’, ‘/ form / new-leaf / img / arrow_down.png’);
J $ (“# containerArtCorr #articoliCorrScrollDown”). AddClass (‘. Active’);
if (numArticoli
No comments:
Post a Comment