var useIframe = false; var webSiteRootURL = 'https://tube.kadidak.com/'; var my_users_id = 0; var my_identification = "Ok\u00e4nd anv\u00e4ndare"; var mediaId = 0; var player; #lds-6493b3b22be5bavideoLoader-wrapper { position: fixed; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1000; margin: 0 !important; } #lds-6493b3b22be5bavideoLoader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -175px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ z-index: 1001; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #lds-6493b3b22be5bavideoLoader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #lds-6493b3b22be5bavideoLoader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } #lds-6493b3b22be5bavideoLoader-wrapper .lds-6493b3b22be5bavideoLoader-section { position: fixed; top: 0; width: 50%; height: 100%; background: #00000077; z-index: 1000; -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ } #lds-6493b3b22be5bavideoLoader-wrapper .lds-6493b3b22be5bavideoLoader-section.section-left { left: 0; } #lds-6493b3b22be5bavideoLoader-wrapper .lds-6493b3b22be5bavideoLoader-section.section-right { right: 0; } #lds-6493b3b22be5bavideoLoader-wrapper .lds-6493b3b22be5bavideoLoader-section.section-left { -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } #lds-6493b3b22be5bavideoLoader-wrapper .lds-6493b3b22be5bavideoLoader-section.section-right { -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(0); /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } /* Loaded */ .loaded #lds-6493b3b22be5bavideoLoader-wrapper .lds-6493b3b22be5bavideoLoader-section.section-left { -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(-100%); /* IE 9 */ transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #lds-6493b3b22be5bavideoLoader-wrapper .lds-6493b3b22be5bavideoLoader-section.section-right { -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(100%); /* IE 9 */ transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #lds-6493b3b22be5bavideoLoader { opacity: 0; } .loaded #lds-6493b3b22be5bavideoLoader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateY(-100%); /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; }
Here you can find help, how this plattform works.
Here you find information about how to handle videos.
There are various kinds of media you can integrate here. They are working different:
Mediatype | How to set | Notes |
---|---|---|
Ljud | Via encoder or direct upload | Via encoder, most formats are possible, but you need to enable the Extract audio-option. With direct upload, only MP3 and OGG is allowed |
Video | Via encoder or direct upload | Via encoder, most formats are possible. With direct upload, only MP4 is allowed |
Bädda in | My videos->Embed a video link->Embedded | Only direct mp3- or ogg-files - if you download it with the link, it should be a movie-file. No google-drive or stream-hoster. Also, do not mix https and http. |
Direct audio-link (mp3 or ogg) | My videos->Embed a video link->Choose Direct audio-link (mp3 or ogg) | Only direct mp3- or ogg-files - if you download it with the link, it should be a movie-file. No google-drive or stream-hoster. Also, do not mix https and http. |
Direct video-link (mp4) | My videos->Embed a video->Choose Direct video-link (mp4) | Only direct mp4-files - if you download it with the link, it should be a movie-file. No google-drive or stream-hoster. Also, do not mix https and http. |
After you add any kind of video, you can find it in Mina videor
On the right site, you find various symbols, means edit.
There, you can set
With the other options, you can delete, rotate and promote a video
To use a video as a ad, go to Mina videor -> Edit-symbol and enable Create an Advertising.
After enabling this, you can directly set some options, like the name, link and active categorie for example.
When the video is saved like this, it will show up under the menu-point Video Advertising, where you can edit the ad-options.
When you are watching media, you can use these keyboard-shortcuts.
Seek | Vänster/Right-arrow |
Volume | +/- |
Fullscreen | F |
Spela upp/pause | space |