جێگیر

ئاگاداری بۆ هەموو ئەندامان و میوانان!

مەکۆکان تەنها شوێنی وتوێژکردنی بەرفراوانی هەموو بابەتەکانی ویکی و بوارەکانی سەرچاوەی کراوەیە. هەروەها بابەتەکانی ڕادیۆ و پۆدکاستی چاوگ. بۆ پرسیاری نوێ بەشەکانی مەکۆ بەدروستی هەڵبژێرە بزانە پرسیارەکەت لە کامە هاوپۆلدا جێگای دەبێتەوە و دڵنیابە وەڵام وەردەگریتەوە.

#1 November 12, 2018, 21:01

halo salman
ئەندام
تۆماربووە لە: November 12, 2018,
پەیامەکان: 1

چۆن لۆگۆیەک یاخوود تیکستیک بکەمە ناو ڤیدیۆوە لە html5

سڵاو هاوڕییان
ئەمەوێت لۆگۆیەک دابنیم لەناو ڤیدیۆدا لە html5 کاتێک لۆگۆکە دا ئەنێم دواتر کە فوولسکرینی ئەکەم لۆگۆکە دەرناکەوێت واتە پیشانی نادات
ئەمەوێت بەنمونە لەسوچیکی ڤیدیۆکەدا یاخوود لەهەرشوینیکی ڤیدیۆکە لۆگەکەم دانا دواتر کە فوول سکرینم کرد هەر لۆگۆکە لەجیگای خۆی بێت
سوپاس بۆ هاوکاریتان ..
بەنمونە وەک ڤیدیۆکانی سایتی کاروان تیڤی

دەرهێڵ

#2 November 14, 2018, 14:40

دابان
چاودێران
شوێن: سلێمانی
تۆماربووە لە: November 23, 2008,
پەیامەکان: 111

Re: چۆن لۆگۆیەک یاخوود تیکستیک بکەمە ناو ڤیدیۆوە لە html5

سڵاو،
ئەبێت ڤیدیۆ کەت لەناو (div) دابنێت، پاشان بەکارهێنانی(overlay). وەک ئەمە!

<div class="fullscreen">
  video
    <div class="overlay">logo yanl overlay </div>
</div>

یان بەهەمان شێوە(div) بەڵام کۆنترۆڵ کردنی لە ڕێگای CSS

position: absolute;

Those who speak know nothing

دەرهێڵ

#3 November 14, 2018, 14:56

دابان
چاودێران
شوێن: سلێمانی
تۆماربووە لە: November 23, 2008,
پەیامەکان: 111

Re: چۆن لۆگۆیەک یاخوود تیکستیک بکەمە ناو ڤیدیۆوە لە html5

یان ئەم کۆدانە بەکاربەرە

کۆدی HTML بۆ دانانی ڤیدیۆکەت

<div id="video">
    <video width="100%" src="videokat.webm" controls></video><br/>
    <button>dugmey full screen</button>
    <a href="#">link yan yan logo yan nawsin</a>
</div>

کۆدی CSS

#video{ position: relative; }
a{  position: absolute; top: 10px; right: 10px;
    border: 1px solid green; display: block; background: #FFF } 

کۆدی جاڤاسکریپت بۆ  کارپێکردنی دووگمەی فووڵ سکرین

$('button').click(function(){
    screenfull.request();
});

Those who speak know nothing

دەرهێڵ

تەختەی پێپەڕە

بەهێزە بە : FluxBB